Tutorials Exercises Certificates Services Search...
Plus Spaces Get Certified Sign Up Log in
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ❯
HTML Tutorial ADVERTISEMENT
HTML HOME
HTML Introduction
HTML Editors
HTML Basic
HTML Elements HTML Basic Examples
HTML Attributes
HTML Headings ❮ Previous Next ❯
HTML Paragraphs
HTML Styles
HTML Formatting In this chapter we will show some basic HTML examples.
HTML Quotations
Don't worry if we use tags you have not learned about yet.
HTML Comments
HTML Colors
HTML CSS
HTML Links
HTML Documents
HTML Images
All HTML documents must start with a document type declaration: <!DOCTYPE html> .
HTML Favicon
HTML Page Title
The HTML document itself begins with <html> and ends with </html> .
HTML Tables
HTML Lists The visible part of the HTML document is between <body> and </body> .
HTML Block & Inline
HTML Div
HTML Classes Example
HTML Id
HTML Iframes <!DOCTYPE html>
HTML JavaScript <html>
<body>
HTML File Paths
HTML Head
<h1>My First Heading</h1>
HTML Layout
<p>My first paragraph.</p>
HTML Responsive
HTML Computercode </body>
</html>
Try it Yourself »
COLOR PICKER
The <!DOCTYPE> Declaration
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.
ADVERTISEMENT
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 »
ADVERTISEMENT
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.
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="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
Try it Yourself »
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.
HTML Exercises
Test Yourself With Exercises
Exercise:
HTML elements are surrounded by a specific type of brackets, which one?
p This is a paragraph. /p
Submit Answer »
Start the Exercise
❮ Previous Next ❯
W3schools Pathfinder
Track your progress - it's free! Sign Up Log in
ADVERTISEMENT ADVERTISEMENT
SPACES UPGRADE AD-FREE NEWSLETTER GET CERTIFIED CONTACT US
Top Tutorials Top References Top Examples Get Certified
HTML Tutorial HTML Reference HTML Examples HTML Certificate
CSS Tutorial CSS Reference CSS Examples CSS Certificate
JavaScript Tutorial JavaScript Reference JavaScript Examples JavaScript Certificate
How To Tutorial SQL Reference How To Examples Front End Certificate
SQL Tutorial Python Reference SQL Examples SQL Certificate
Python Tutorial W3.CSS Reference Python Examples Python Certificate
W3.CSS Tutorial Bootstrap Reference W3.CSS Examples PHP Certificate
Bootstrap Tutorial PHP Reference Bootstrap Examples jQuery Certificate
PHP Tutorial HTML Colors PHP Examples Java Certificate
Java Tutorial Java Reference Java Examples C++ Certificate
C++ Tutorial Angular Reference XML Examples C# Certificate
jQuery Tutorial jQuery Reference jQuery Examples XML Certificate
FORUM ABOUT CLASSROOM
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.
