HyperText Mark Up Language and HTML Tags with their Functions

LESSON – HTML TAGS 

TOPIC 
  • Introduction
  • HTML Tags with their Functions

 

INTRODUCTION

HTML stands for Hypertext Markup Language.

Hypertext Markup Language is the set of codes or symbols that defines the structure of web page or application and and its contents.

A web page is a document written in HTML provided by a website to display its content to internet users in a web browser.

Web application is a software that runs on a web server.

With HTML you can create your own website and application.

 

HTML TAG 

An HTML tag is a  command used to indicate the beginning and end of an HTML element in an HTML document.

 

HTML DOCUMENT

An HTML document is a file containing hypertext markup language.

 

ELEMENTS OF HTML TAGS 

The HTML element is the root element that defines the whole HTML document.

The basic elements of an HTML page are:

1. HTML Headings

2. HTML Paragraphs

3. HTML Links

4. HTML Images

5. HTML Tables

6. HTML Divisions

7. HTML Lists

8. HTML Line breaks

9. HTML Bold Text

10. HTML Italic Text

 

1. HTML HEADING 

HTML heading or header is used to defined the title posts or topics.

A text header denotes <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags.

For example,

<h1>This is a boy.</h1>

This is a boy.

<h2>This is a boy.</h2>

This is a boy.

<h3>This is a boy.</h3>

This is a boy.

<h4>This is a boy.</h4>

This is a boy.

<h5>This is a boy.</h5>

This is a boy.

<h6>This is a boy.</h6>

This is a boy.

 

2. HTML PARAGRAPHS 

HTML paragraphs are used to defines post or page paragraphs.

HTML denotes <p> tag.

For examples,

<p>This is the boy.</p>

This is the boy.

<p>This is another boy.</p>

This is another boy.

 

3. HTML LINKS 

HTML links are used to defines the text links.

HTML link denotes <a> tag.

For example,

<a href=”https://www.ekoquiz.com”>Link to download Smart Kids Quizzes app.</a>

Link to download Smart Kids Quizzes App.

 

4. HTML IMAGES 

HTML image is used to defines image in a content.

HTML image denotes <img> tag.

For example,

<img class=”classbasic.jpg” alt=”classbasic.ng” width=”223″ height=”223″ />

 

 

5. HTML TABLES 

HTML table is used to defines the content table.

HTML table denotes <table> tag.

 

6. HTML DIVISIONS

HTML division or divider is used to defines the section in a document.

HTML divider denotes <div> tag.

 

7. HTML LISTS 

HTML listing is used for creating list of items.

HTML list denotes the following,

<ul> Defines an unordered list

<ol> Defines an ordered list

<li> Defines a list item

For example,

An Unordered HTML List

<ul>

<li>Lipton</li>

<li>Milk</li>

<li>Sugar</li>

</ul>

  • Lipton
  • Milk
  • Sugar

 

An Ordered HTML List

<ol>

<li>Lipton</li>

<li>Milk</li>

<li>Sugar</li>

</ol>

  1. Lipton
  2. Milk
  3. Sugar

 

8. HTML LINE BREAKS 

HTML line break is used to insert a single line break.

HTML denotes <br> tag.

 

9. HTML BOLD TEXT 

HTML bold text is used to defines bold text.

HTML denotes <b> tag.

For example,

<b>classbasic.ng</b>

classbasic.ng

<b>ekoquiz.com</b>

ekoquiz.com

 

10. HTML ITALIC TEXT 

HTML italic text is used to defines italic text the <i> tag.

<i> classbasic.ng</i>

classbasic.ng

 

LESSON EVALUATION 

Teacher asks pupils,

1. explain the concept of HTML.

2. state 5 HTML tags and their functions.

3. do a simple HTML coding.

 

Add a Comment

Your email address will not be published.