Create a simple HTML page to demonstrate the use of different tags
HTML Tags
|
Tag |
Description |
|
Defines
a comment |
|
|
Defines
the document type |
|
|
Defines
a hyperlink |
|
|
Defines
an abbreviation or an acronym |
|
|
Not
supported in HTML5. Use <abbr> instead. |
|
|
Defines
contact information for the author/owner of a document |
|
|
Not
supported in HTML5. Use <embed> or <object> instead. |
|
|
Defines
an area inside an image map |
|
|
Defines
an article |
|
|
Defines
content aside from the page content |
|
|
Defines
embedded sound content |
|
|
Defines
bold text |
|
|
Specifies
the base URL/target for all relative URLs in a document |
|
|
Not
supported in HTML5. Use CSS instead. |
|
|
Isolates
a part of text that might be formatted in a different direction from other
text outside it |
|
|
Overrides
the current text direction |
|
|
Not
supported in HTML5. Use CSS instead. |
|
|
Defines
a section that is quoted from another source |
|
|
Defines
the document's body |
|
|
Defines
a single line break |
|
|
Defines
a clickable button |
|
|
Used
to draw graphics, on the fly, via scripting (usually JavaScript) |
|
|
Defines
a table caption |
|
|
Not
supported in HTML5. Use CSS instead. |
|
|
Defines
the title of a work |
|
|
Defines
a piece of computer code |
|
|
Specifies
column properties for each column within a <colgroup> element |
|
|
Specifies
a group of one or more columns in a table for formatting |
|
|
Adds
a machine-readable translation of a given content |
|
|
Specifies
a list of pre-defined options for input controls |
|
|
Defines
a description/value of a term in a description list |
|
|
Defines
text that has been deleted from a document |
|
|
Defines
additional details that the user can view or hide |
|
|
Specifies
a term that is going to be defined within the content |
|
|
Defines
a dialog box or window |
|
|
Not
supported in HTML5. Use <ul> instead. |
|
|
Defines
a section in a document |
|
|
Defines
a description list |
|
|
Defines
a term/name in a description list |
|
|
Defines
emphasized text |
|
|
Defines
a container for an external application |
|
|
Groups
related elements in a form |
|
|
Defines
a caption for a <figure> element |
|
|
Specifies
self-contained content |
|
|
Not
supported in HTML5. Use CSS instead. |
|
|
Defines
a footer for a document or section |
|
|
Defines
an HTML form for user input |
|
|
Not
supported in HTML5. |
|
|
Not
supported in HTML5. |
|
|
Defines
HTML headings |
|
|
Contains
metadata/information for the document |
|
|
Defines
a header for a document or section |
|
|
Defines
a thematic change in the content |
|
|
Defines
the root of an HTML document |
|
|
Defines
a part of text in an alternate voice or mood |
|
|
Defines
an inline frame |
|
|
Defines
an image |
|
|
Defines
an input control |
|
|
Defines
a text that has been inserted into a document |
|
|
Defines
keyboard input |
|
|
Defines
a label for an <input> element |
|
|
Defines
a caption for a <fieldset> element |
|
|
Defines
a list item |
|
|
Defines
the relationship between a document and an external resource (most used to
link to style sheets) |
|
|
Specifies
the main content of a document |
|
|
Defines
an image map |
|
|
Defines
marked/highlighted text |
|
|
Defines
metadata about an HTML document |
|
|
Defines
a scalar measurement within a known range (a gauge) |
|
|
Defines
navigation links |
|
|
Not
supported in HTML5. |
|
|
Defines
an alternate content for users that do not support client-side scripts |
|
|
Defines
a container for an external application |
|
|
Defines
an ordered list |
|
|
Defines
a group of related options in a drop-down list |
|
|
Defines
an option in a drop-down list |
|
|
Defines
the result of a calculation |
|
|
Defines
a paragraph |
|
|
Defines
a parameter for an object |
|
|
Defines
a container for multiple image resources |
|
|
Defines
preformatted text |
|
|
Represents
the progress of a task |
|
|
Defines
a short quotation |
|
|
Defines
what to show in browsers that do not support ruby annotations |
|
|
Defines
an explanation/pronunciation of characters (for East Asian typography) |
|
|
Defines
a ruby annotation (for East Asian typography) |
|
|
Defines
text that is no longer correct |
|
|
Defines
sample output from a computer program |
|
|
Defines
a client-side script |
|
|
Defines
a section in a document |
|
|
Defines
a drop-down list |
|
|
Defines
smaller text |
|
|
Defines
multiple media resources for media elements (<video> and <audio>) |
|
|
Defines
a section in a document |
|
|
Not
supported in HTML5. Use <del> or <s> instead. |
|
|
Defines
important text |
|
|
Defines
style information for a document |
|
|
Defines
subscripted text |
|
|
Defines
a visible heading for a <details> element |
|
|
Defines
superscripted text |
|
|
Defines
a container for SVG graphics |
|
|
Defines
a table |
|
|
Groups
the body content in a table |
|
|
Defines
a cell in a table |
|
|
Defines
a container for content that should be hidden when the page loads |
|
|
Defines
a multiline input control (text area) |
|
|
Groups
the footer content in a table |
|
|
Defines
a header cell in a table |
|
|
Groups
the header content in a table |
|
|
Defines
a specific time (or datetime) |
|
|
Defines
a title for the document |
|
|
Defines
a row in a table |
|
|
Defines
text tracks for media elements (<video> and <audio>) |
|
|
Not
supported in HTML5. Use CSS instead. |
|
|
Defines
some text that is unarticulated and styled differently from normal text |
|
|
Defines
an unordered list |
|
|
Defines
a variable |
|
|
Defines
embedded video content |
|
|
Defines
a possible line-break |
HTML CodeTry it
<!-- Create a simple HTML page to demonstrate the use of different tags -->
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<!-- Heading Tags -->
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Headign 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<!-- Center tag -->
<center>Motivation Essay</center>
<!-- Peragraph Tag -->
<p>Motivation is important in life because it helps us gain valued results like personal growth, better well-being, enhanced performance, or a sense of confidence. Motivation is a road to improve our way of feeling, thinking, and behaving. The advantages of motivation are seen in our way of living life.</p>
<!-- a tag using hyperlink -->
<!-- br tag -->
<a href="https://mk7college.com/">mk7college Tutorial site</a><br /><br />
<a href="https://pimt.in/">PIMT Website</a><br />
<!-- List -->
<!-- Bold tag -->
<!-- Itelic tag -->
<!-- mark tag -->
<ul>
<li><b>Subject</b></li>
<li><i>Web Technology</i></li>
<li><mark>Software Designing</mark></li>
</ul>
<!-- Button tag -->
<button onclick="style.color='blue'" style="font-size: large;">Click Me!!!</button><br /><br />
<!-- Input tag -->
<!-- lable tag -->
<!-- div tag -->
<div>
<label>F Name:</label>
<input type="text" />
</div>
<div>
<lable>L Name:</lable>
<input type="text" />
</div>
</body>
</html>
Comments
Post a Comment