HTML Documents
All HTML documents must start with a document type declaration: <!DOCTYPE html>.
The HTML document itself begins with <html> and ends with </html>.
The visible part of the HTML document is between <body> and </body>.
[sourcecode language=”plain”]<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>[/sourcecode]
HTML Headings
HTML headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading:
Example
[sourcecode language=”plain”]<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>[/sourcecode]
HTML Paragraphs
HTML paragraphs are defined with the <p> tag:
Example
[sourcecode language=”plain”]<p>This is a paragraph.</p>
<p>This is another paragraph.</p>[/sourcecode]
HTML Links
HTML links are defined with the <a> tag:
Example
[sourcecode language=”plain”]<a href="https://www.w3schools.com">This is a link</a>[/sourcecode]
The link’s destination is specified in the href attribute.
Attributes are used to provide additional information about HTML elements.
You will learn more about attributes in a later chapter.
HTML Images
HTML images are defined with the <img> tag.
The source file (src), alternative text (alt), width, and height are provided as attributes:
Example
[sourcecode language=”plain”]<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">[/sourcecode]
HTML Buttons
HTML buttons are defined with the <button> tag:
Example
[sourcecode language=”plain”]<button>Click me</button>[/sourcecode]
HTML Lists
HTML lists are defined with the <ul> (unordered/bullet list) or the <ol> (ordered/numbered list) tag, followed by <li> tags (list items):
Example
[sourcecode language=”plain”]<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>[/sourcecode]
