Define few tags with their usage?

-

 HTML provides many tags to display various types of contents like text, images, videos etc.


Some of the general HTML tags are

<html></html> tag     : To define start and end if the HTML document

<head></head> tag    : To define head section of the HTML document

<body></body> tag    : To define body section of the web page

<title></title> tag        : To define title of the web page under head section

<p></p> tag                : To define a paragraph

<b></b> tag                : To make the text bold

<i></i> tag                  : To make the text italic

<u></u> tag                : To make the text underline

<sup></sup> tag         : To make the text super script

<sub></sub> tag         : To make the text sub script

<font></font> tag        : To apply font, color and size on the text

<h1></h1> tag            : To define the heading 1 (Biggest)

<h2></h2> tag            : To define the heading 2

<h3></h3> tag            : To define the heading 3

<h4></h4> tag            : To define the heading 4

<h5></h5> tag            : To define the heading 5

<h6></h6> tag            : To define the heading 6 (Smallest)

<img> tag                    : To embed an image content

<table></table> tag       : To create a table with rows and columns

<tr></tr> tag                  : To create a table row under <table></table> tag

<th></th> tag                :  To create a column heading under <tr></tr> tag

<td></td> tag                :  To create a column data under <tr></tr> tag

<form></form> tag        : To create an HTML form

<input>  tag                    : To create input controls like text box, checkbox, button etc.

<textarea></textarea> tag: To create multiline text

<select></select> tag        : To  create a dropdown list

<div></div> tag                : To divide the HTML document into different sections with line break
 
<span></span> tag            : To divide the HTML document into different sections without line break

<ol></ol> tag                    : To create ordered list or numbered list

<ul></ul> tag                    : To create unordered list or bulleted list

<li></li> tag                      : To define the list items under <ol></ol> and <ul></ul> tags

<dl></dl> tag                    : To define a Data List

<dt></dt> tag                    : To define the Data Term under <dl></dl> tag

<ddl></dd> tag                 : To define Data Definition for a Data Term under <dl></dl> tag

<a></a> tag                        : To create anchors and hyperlinks

<iframe></iframe> tag        : To embed objects like YouTube videos in HTML document

<code></code> tag              : To embed some program code

<pre></pre> tag                   : To display contents in pre-defined format
 
<meta> tag                           : To provide meta information to the web browsers

<style></style> tag              : To define the styles using Cascading Style Sheet (CSS)

<script></script> tag            : To define JavaScript code and functions at the client side
    

Some of the HTML 5 tags are

<header></header> tag     : To define header section of the HTML document

<footer></footer> tag       : To define footer section of the web page

<nav></nav> tag               : To define the navigation menu

<main></main> tag          : To define the main section of the  HTML document

<section></section> tag    : To define different sections in the HTML document

<video></video> tag         : To embed a video content with controls like play, pause, stop

<audio></audio> tag         : To embed audio content with controls like play, pause, stop

<mark></mark> tag            : To highlight the given text


 

 

Comments

Post a Comment

Dear Students and Readers, your comments are valuable for us.
For any issue please share your views with us on our official email ID info@vigorcouncil.org

Popular posts from this blog

What is suggested learning path for learning full stack development?

-
Learning full stack development involves gaining proficiency in both front-end and back-end technologies, along with other essential skills like database management and version control . Here's a suggested learning path for becoming a full stack developer: Prerequisites ·          Familiarity with how the internet works, client-server architecture, and HTTP/HTTPS. ·          Exposure of any one programming language like C, C++, C#, Java, Python Essential Skills Database Management ·          Learn about databases and SQL. ·          Practice using a relational database (e.g., MySQL, PostgreSQL) and a NoSQL database (e.g., MongoDB). Version Control ( Git) ·          Learn the basics of Git and GitHub for version control. Front-End Development HTML/CSS/JavaScript ·...
Read more

What is Full Stack Development?

-
Full stack development refers to the practice of working on both the front end and back end of a web application or software project . A full stack developer is someone who has expertise in both the client-side (front end) and server-side (back end) development, allowing them to handle all aspects of application development . Full stack developers need a broad skill set and a good understanding of the entire software development process. They are capable of handling both the user interface and the server-side logic, making them versatile contributors to the development of web applications. Here are the key components involved in full stack development Front End (Client-Side) User Interface (UI) : The visual elements of the application that users interact with. This includes designing and developing web pages, user interfaces, and user experiences. Client-Side Programming : Using languages like HTML, CSS, and JavaScript to build interactive and responsive user interfaces. F...
Read more