Scribd
Upload
13 views

HTML Basic Examples

This document provides basic examples of HTML elements including paragraphs, headings, links, and images. It demonstrates the core tags used to define the structure and content of an HTML document including <html>, <body>, <h1>-<h6>, <p>, <a>, and <img>. Each example is accompanied by a brief description of the tag purpose and a "Try it Yourself" prompt.

Uploaded by

Gean Carlos
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
13 views

HTML Basic Examples

This document provides basic examples of HTML elements including paragraphs, headings, links, and images. It demonstrates the core tags used to define the structure and content of an HTML document including <html>, <body>, <h1>-<h6>, <p>, <a>, and <img>. Each example is accompanied by a brief description of the tag purpose and a "Try it Yourself" prompt.

Uploaded by

Gean Carlos
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

HTML Basic Examples

Previous Next

Don't worry if these examples use tags you have not learned.

You will learn about them in the next chapters.

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>.

Example
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>
Try it Yourself

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
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
Try it Yourself

HTML Paragraphs
HTML paragraphs are defined with the <p> tag:

Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Try it Yourself

HTML Links
HTML links are defined with the <a> tag:

Example
<a href="https://www.w3schools.com">This is a link</a>
Try it Yourself

The link's destination is specified in the href attribute.

Attributes are used to provide additional information about HTML elements.

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
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142
">
Try it Yourself

You might also like