HTML Summary
HTML gives a web page its meaning and structure by marking each piece of content as a heading, paragraph, link, image, list, button, or other page part.
HTML stands for HyperText Markup Language. It is not mainly for decoration. It tells the browser what each piece of content is, then CSS controls how that content looks.
<h1>My Website</h1>
<p>Welcome to my first page.</p>
<a href="about.html">About Me</a>HTML Uses Elements
An HTML element is a piece of content marked with tags. Most elements have an opening tag, content, and a closing tag.
<p>This text is a paragraph.</p>The tags tell the browser that the text should be treated as a paragraph. Other elements describe headings, links, images, lists, buttons, sections, and more.
HTML Organizes A Page
A web page is built from smaller parts placed inside larger parts. This creates a structure that people, browsers, search engines, and assistive technology can understand.
<main>
<section>
<h2>Featured Lesson</h2>
<p>Learn how web pages are built.</p>
</section>
</main>The HTML Structure lesson explains common page areas such as header, nav, main, section, and footer.
Attributes Add Details
Attributes add extra information to an element. They go inside the opening tag.
<a href="about.html">About Me</a>
<img src="photo.jpg" alt="A student building a web page">The href attribute tells a link where to go. The src attribute tells an image which file to load. The HTML Attributes lesson explains this pattern in more detail.
Block And Inline Elements
Many HTML elements behave like boxes that start on a new line. These are block elements, and they help create the main structure of a page.
Other elements fit inside a line of content. These are inline elements, such as links, images, and small text-formatting elements.
HTML And CSS Work Together
HTML chooses the right element for the meaning of the content. CSS chooses the visual style, such as color, spacing, size, and layout.
<p class="intro">Welcome to the site.</p>In this example, HTML says the content is a paragraph and gives it a class. CSS can use that class later to style the paragraph.