0% found this document useful (0 votes)
3 views7 pages

Basic HTML Structure and Examples

This document provides an introduction to basic HTML concepts, including the structure of an HTML document, the use of the <!DOCTYPE> declaration, headings, paragraphs, links, and images. It emphasizes the importance of the document type declaration for proper browser rendering and includes examples for each HTML element discussed. Additionally, it offers tips on how to view HTML source code and inspect elements on a webpage.

Uploaded by

alankarapte7588
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views7 pages

Basic HTML Structure and Examples

This document provides an introduction to basic HTML concepts, including the structure of an HTML document, the use of the <!DOCTYPE> declaration, headings, paragraphs, links, and images. It emphasizes the importance of the document type declaration for proper browser rendering and includes examples for each HTML element discussed. Additionally, it offers tips on how to view HTML source code and inspect elements on a webpage.

Uploaded by

alankarapte7588
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

29/10/2025, 03:59 HTML Basic

 Tutorials  References  Exercises  Sign In

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C

HTML Basic Examples


❮ Previous Next ❯

In this chapter we will show some basic HTML examples.

Don't worry if we use tags you have not learned about yet.

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 »

[Link] 1/7
29/10/2025, 03:59 HTML Basic

 Tutorials  References 
The <!DOCTYPE> Declaration
Exercises  Sign In

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
The <!DOCTYPE> declaration represents the document type, and helps browsers to
display web pages correctly.

It must only appear once, at the top of the page (before any HTML tags).

The <!DOCTYPE> declaration is not case sensitive.

The <!DOCTYPE> declaration for HTML5 is:

<!DOCTYPE html>

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 »

REMOVE ADS

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

[Link] 2/7
29/10/2025, 03:59 HTML Basic

 Tutorials 
Example References  Exercises  Sign In

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
<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="[Link] 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.

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

<img src="[Link]" alt="[Link]" width="104"


height="142">

[Link] 3/7
29/10/2025, 03:59 HTML Basic

Try it Yourself »
Tutorials  References  Exercises  Sign In

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C

How to View HTML Source


Have you ever seen a Web page and wondered "Hey! How did they do that?"

View HTML Source Code:


Click CTRL + U in an HTML page, or right-click on the page and select "View Page Source".
This will open a new tab containing the HTML source code of the page.

Inspect an HTML Element:


Right-click on an element (or a blank area), and choose "Inspect" to see what elements are
made up of (you will see both the HTML and the CSS). You can also edit the HTML or CSS
on-the-fly in the Elements or Styles panel that opens.

?
Exercise
What is a correct HTML markup for the document type declaration?

<!DOCTYPE html>

DOCTYPE html;

--DOCTYPE html;

Submit Answer »

❮ Previous Next ❯

Sign in to track progress


[Link] 4/7
29/10/2025, 03:59 HTML Basic

 Tutorials  References  Exercises  Sign In

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C

COLOR PICKER

 

REMOVE ADS

 PLUS SPACES

[Link] 5/7
29/10/2025, 03:59 HTML Basic

 Tutorials  References 
GET CERTIFIED
Exercises 
FOR TEACHERS
Sign In

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C

FOR BUSINESS CONTACT US

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
[Link] Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial

Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
[Link] Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
AngularJS Reference
jQuery Reference

Top Examples Get Certified


HTML Examples HTML Certificate
CSS Examples CSS Certificate
JavaScript Examples JavaScript Certificate
How To Examples Front End Certificate
SQL Examples SQL Certificate
Python Examples Python Certificate
[Link] Examples PHP Certificate
Bootstrap Examples jQuery Certificate
PHP Examples Java Certificate
Java Examples C++ Certificate
XML Examples C# Certificate
jQuery Examples XML Certificate

    

FORUM ABOUT ACADEMY

[Link] 6/7
29/10/2025, 03:59 HTML Basic
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and

 Tutorials  References  learning.


Exercises 
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full
correctness
Sign In

HTML
 of
CSS all content. While
JAVASCRIPT using W3Schools,
SQL you agree
PYTHON to have read and accepted
JAVA PHPour terms of use,
HOW [Link] C
and privacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by [Link].

[Link] 7/7

You might also like