Scribd
Upload
19 views

HTML Basic

Uploaded by

Luna Begum
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
19 views

HTML Basic

Uploaded by

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

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

You might also like