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

 

 

 

created by: unknown programmer


Popular posts from this blog

HTML FORMS INPUT TYPES CHAPTER 25 PART THREE

Image
25 th TUTORIAL ON HTML FORMS INPUT TYPES PART THREE HTML Input Types This chapter describes the different types for the HTML  <input>  element.   HTML Input Types Here are the different input types you can use in HTML: <input type="button"> <input type="checkbox"> <input type="color"> <input type="date"> <input type="datetime-local"> <input type="email"> <input type="file"> <input type="hidden"> <input type="image"> <input type="month"> <input type="number"> <input type="password"> <input type="radio"> <input type="range"> <input type="reset"> <input type="search"> <input type="submit"> <input type="tel"> <input type="text">
Read more

HTML5 COMMENTS & CSS CHAPTER 8

Image
EIGHTH TUTORIAL ON HTML COMMENTS & CSS HTML comments are not displayed in the browser, but they can help document your HTML source code. HTML Comment Tags You can add comments to your HTML source by using the following syntax: <!-- Write your comments here --> With comments you can place notifications and reminders in your HTML: <!DOCTYPE html> <html> <body> <!-- This is a comment --> <p>This is a paragraph.</p> <!-- Comments are not displayed in the browser --> </body> </html> OUTPUT This is a paragraph. Comments are also great for debugging HTML, because you can comment out HTML lines of code, one at a time, to search for errors: <!DOCTYPE html> <html> <body> <!-- Do not display this at the moment <img border="0" src="pic_trulli.jpg" alt="Trulli"> --> </body> HTML  Styles – CSS
Read more