HTML Basic

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>

<h1>My First Heading</h1>
<p>My first paragraph.</p>


HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading:


[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:


[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:


[sourcecode language=”plain”]<a href="">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:


[sourcecode language=”plain”]<img src="w3schools.jpg" alt="" width="104" height="142">[/sourcecode]

HTML Buttons

HTML buttons are defined with the <button> tag:


[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):


[sourcecode language=”plain”]<ul>

Leave a Reply

Your email address will not be published.