Scribd
Upload
26 views

W3schools: HTML Basic Examples

The document introduces basic HTML elements including the <DOCTYPE>, <html>, <body>, <h1-h6>, <p>, <a>, and <img> tags. It provides examples of each element and how they are structured, such as the <a> tag defining links and the <img> tag using attributes like src, alt, width, and height. The purpose is to demonstrate fundamental HTML markup for documents, headings, paragraphs, links, and images.

Uploaded by

Naveen Yallapu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
26 views

W3schools: HTML Basic Examples

The document introduces basic HTML elements including the <DOCTYPE>, <html>, <body>, <h1-h6>, <p>, <a>, and <img> tags. It provides examples of each element and how they are structured, such as the <a> tag defining links and the <img> tag using attributes like src, alt, width, and height. The purpose is to demonstrate fundamental HTML markup for documents, headings, paragraphs, links, and images.

Uploaded by

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

12/7/2017 HTML Basic

HTML CSS MORE


w3schools.com

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

https://www.w3schools.com/html/html_basic.asp 1/4
12/7/2017 HTML Basic

HTML Headings
HTML CSS MORE

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

https://www.w3schools.com/html/html_basic.asp 2/4
12/7/2017 HTML Basic

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


HTML CSS MORE
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

Previous Next

COLOR PICKER

HOW TO
Tabs
Dropdowns
Accordions
Convert Weights
Animated Buttons
Side Navigation
Top Navigation
Modal Boxes
Progress Bars
Parallax
Login Form
HTML Includes
Google Maps

https://www.w3schools.com/html/html_basic.asp 3/4

You might also like