HTML 5 BASIC TAG CHAPTER 3
3RD TUTORIAL ON HTML 5 BASICS
TAGS
HTML Documents Tag
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>.
HTML
Headings Tags
HTML headings are defined with the
<h1> to <h6> tags.<h1> defines
the most important heading. <h6> defines
the least important heading
EXAMPLE
<!DOCTYPE
html>
<html>
<head><title>demo</title></head>
<body>
<h1>This
is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
OUTPUT:
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
HTML Paragraphs
Tag
HTML paragraphs are defined with the <p> tag:
<!DOCTYPE
html>
<html>
<head><title>demo</title></head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
OUTPUT
This is a paragraph.
This is another paragraph.
HTML Links
Tag
HTML links are defined with the <a> tag:
<!DOCTYPE
html>
<html>
<body>
<h2>HTML Links</h2>
<p>HTML links are defined with the a
tag:</p>
<a href=" https://unknownprogramming.blogspot.com/ ">This is a link</a>
</body>
</html>
OUTPUT
HTML Links
HTML links are defined with the a tag:
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 tutorial.
HTML Images
Tag
HTML images are defined with the
<img> tag.
The source file (
src),
alternative text (alt), width,
and height are provided as
attributes:
<!DOCTYPE html>
<html>
<body>
<h2>HTML Images</h2>
<p>HTML images are defined with the img tag:</p>
<img src="learnhtml5.jpg" alt="HTML5"
width="104" height="142">
</body>
</html>
OUTPUT
HTML
Images
HTML images are defined with the img tag:
HTML Buttons
Tag
HTML buttons are defined with the <button> tag:
<!DOCTYPE
html>
<html>
<body>
<h2>HTML Buttons</h2>
<p>HTML buttons are defined with the button
tag:</p>
<button>Click me</button>
</body>
</html>
OUTPUT
HTML Buttons
HTML buttons are defined with the button tag:
Click me
DOCUMENT DOWNLOAD LINK
