Tags in HTML5-part2

November 12, 2018 (Last Modified: November 11, 2018)

Fadıl

<figure> tag

The HTML <figure> tag is used for annotating illustrations, diagrams, photos, code listings, etc.You can use the <figure> element to associate a caption together with some embedded content, such as a graphic or video.

<form> tag

The <form> tag is used to create an HTML form for user input.The form element contains one or more form elements like: button, input, keygen, object, output, select, textarea and more.
Example

&lt;!DOCTYPE HTML&gt;
 &lt;html&gt;&lt;body&gt;
 &lt;form action="form_action.asp"&gt;
 First name: &lt;input type="text" name="fname" value="david" /&gt;&lt;br /&gt;
 Last name:&lt;input type="text" name="lname" value="Attenborough" /&gt;
 &lt;br /&gt;
 &lt;input type="submit" value="Submit" /&gt;
 &lt;/form&gt;
 &lt;p&gt;Click the "Submit" button and the input will be sent to a page 
  on the server called "form_action.asp".&lt;/p&gt;&lt;/body&gt;
 &lt;/html&gt;

<h1> to <h6>

These levels from h1 to h6 specify the text size from 1 to 6.

&lt;!DOCTYPE HTML&gt;
 &lt;html&gt;
 &lt;body&gt;
 &lt;h1&gt;This is header 1&lt;/h1&gt;
 &lt;h2&gt;This is header 2&lt;/h2&gt;
 &lt;h3&gt;This is header 3&lt;/h3&gt;
 &lt;h4&gt;This is header 4&lt;/h4&gt;
 &lt;h5&gt;This is header 5&lt;/h5&gt;
 &lt;h6&gt;This is header 6&lt;/h6&gt;
 &lt;/body&gt;
 &lt;/html&gt;

<i> tag

The HTML <i> tag is render a text in italic. It is normally used to differentiate a part of a text from others.

&lt;p&gt;check out &lt;i&gt;learnwebdevelopment.info&lt;/i&gt;, to know more about web designing.&lt;/p&gt;

<iframe> tag

iframe tag is used to specify and create an inline frame that contains another document or a webpage

&lt;iframe src="&lt;a href="http://learnwebdevelopment.info/"&gt;
http://learnwebdevelopment.info/&lt;/a&gt;"&gt;&lt;/iframe&gt;

<img>tag

<img> is used to embed an image to our document.

&lt;img src="hotsunday.gif" alt="Hot Sunday" /&gt;

Attributes:

*Alt : specifies an alternative name to that image.

*Src : specifies the source of the image.

*Height : specifies the height of the image.

*Width : specifies the width of the image.

<input> tag

The HTML <input> tag is used within a form to declare an input element – a control that allows the user to input data.

&lt;form action="form_action.asp" method="get"&gt;
 First name: &lt;input type="text" name="fname" /&gt;&lt;br /&gt;
 Last name: &lt;input type="text" name="lname" /&gt;&lt;br /&gt;
 &lt;input type="submit" value="Submit" /&gt;
 &lt;/form&gt;

<ins> tag

This is used to markup a text and to highlight it from other text.

&lt;p&gt;I can visit &lt;del&gt;very&lt;/del&gt; &lt;ins&gt;www.learnwebdevelopment.info&lt;/ins&gt; to gain insight knowledge in webdevelopment.&lt;/p&gt;

<kbd> tag

This is another kind of text formatter to distinguish the text from the rest.

&lt;kbd&gt;Keyboard text&lt;/kbd&gt;

<Keygen> tag

The HTML <keygen> tag is used for generating a key pair. When the control’s form is submitted, the private key is stored in the local keystore, and the public key is packaged and sent to the server.

<label> tag

<label> tag defines a label for the input element. When a label is used in a radiobutton or a checkbox the text that is associated with a particular input element can be triggered to invoke the input element.

&lt;form&gt;
 &lt;label for="banana"&gt; banana &lt;/label&gt;
 &lt;input type="radio" name="sex" id=" banana " /&gt;
 &lt;br /&gt;
 &lt;label for="Apple"&gt; Apple &lt;/label&gt;
 &lt;input type="radio" name="sex" id=" Apple " /&gt;
 &lt;/form&gt;

<legend> tag

The HTML <legend> tag is used for providing a title or explanatory caption for the rest of the contents of the legend element’s parent element.

&lt;form&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;Personalia:&lt;/legend&gt;
 Name: &lt;input type="text" size="30" /&gt;&lt;br /&gt;
 Email: &lt;input type="text" size="30" /&gt;&lt;br /&gt;
 Date of birth: &lt;input type="text" size="10" /&gt;
 &lt;/fieldset&gt;
 &lt;/form&gt;

<li> tag

<li> tag defines a list of items.
<OL> tag
Ordered list here the elements that are grouped under are prefixed with numbers ..like 1 ,2 ,3

&lt;ol&gt;
 &lt;li&gt;Cats&lt;/li&gt;
 &lt;li&gt;Dogs&lt;/li&gt;
 &lt;/ol&gt;

We can also set the starting value using the attribute start

&lt;ol&gt;
 &lt;li value="5"&gt;Cats&lt;/li&gt;
 &lt;li&gt;Dogs&lt;/li&gt;
 &lt;/ol&gt;

<UL> tag
In unordered list bullets can be used to index an element.

&lt;ul&gt;
 &lt;li&gt;Cats&lt;/li&gt;
 &lt;li&gt;Dogs&lt;/li&gt;
 &lt;/ul&gt;

<link> tags

&lt;head&gt;
 &lt;link rel="stylesheet" type="text/css" href="mystyle.css" /&gt;
 &lt;/head&gt;

<mark> tag

The HTML <mark> tag is used for indicating text as marked or highlighted for reference purposes, due to its relevance in another context.

&lt;p&gt;HTML5 supports  &lt;mark&gt;audio&lt;/mark&gt; and &lt;mark&gt;video&lt;/mark&gt;  which was not present in the previous version.&lt;/p&gt;

The HTML menu tag is used for specifying a list of commands.

&lt;menu&gt;
 &lt;li&gt;Command 1&lt;/li&gt;
 &lt;li&gt;Command 2&lt;/li&gt;
 &lt;li&gt;Command 3&lt;/li&gt;
 &lt;/menu&gt;

<meta> tag

&lt;head&gt;
 &lt;meta name="description" content="Free Web tutorials" /&gt;
 &lt;meta name="keywords" content="HTML,CSS,XML,JavaScript" /&gt;
 &lt;meta name="author" content="Ståle Refsnes" /&gt;
 &lt;meta charset="UTF-8" /&gt;
 &lt;/head&gt;

<meter> tag

The HTML <meter> tag is used for indicating a scalar measurement within a known range, or a fractional value.

Also known as a gauge, usage could include displaying disk usage, the amount raised during fundraising activities, or the relevance of a search query result.

&lt;meter value="2" min="0" max="10"&gt;2 out of 10&lt;/meter&gt;&lt;br /&gt;
 &lt;meter value="0.6"&gt;60%&lt;/meter&gt;

<nav > tag

The HTML <nav> tag is used for declaring a navigational section of the HTML document.

&lt;nav&gt;
 &lt;a href="/css/" target="_blank"&gt;CSS&lt;/a&gt; |
 &lt;a href="/html/" target="_blank"&gt;HTML&lt;/a&gt; |
 &lt;a href="/javascript/" target="_blank"&gt;JavaScript&lt;/a&gt; |
 &lt;a href="/sql/tutorial/" target="_blank"&gt;SQL&lt;/a&gt;
 &lt;/nav&gt;

<P> tag

<p> tag is used to define a paragraph.

&lt;p&gt;This paragraph is defined using the HTML p tag.&lt;/p&gt;

<param> tag

This tag is used to pass parameter to embedded object.

&lt;object data="song.mp3"&gt;
 &lt;param name="autoplay" value="false" /&gt;
 &lt;/object&gt;

<pre> tag

The <pre> tag defines preformatted text.The same format is displayed in the webpage too.

&lt;pre&gt;
 This text would be
 Displayed in the same
 Way as how it is formatted
 Here.&lt;/pre&gt;

<progress> tab

<progress> tab is used to represent the progress of a task using task bar.

The file’s downloading progress:
 &lt;progress value="22" max="100"&gt;
 &lt;/progress&gt;

<q> tag
<q> tag is used to apply quotes to a text.” “

&lt;p&gt; u can learn webdevelopment from &lt;q&gt;webdevelopment.info&lt;/q&gt;&lt;/p&gt;

<ruby> tag

The HTML <ruby> tag is utilized for indicating Ruby explanations, which is utilized in East Asian typography.

<samp> tag

The HTML <samp> tag is utilized for showing test yield from a PC program, content and so forth. The samp label encompasses the example word/state.

<script> tag

The HTML <script> tag is utilized for announcing a content, (for example, JavaScript) inside your HTML record.

&lt;script type="text/javascript"&gt;
 document.write("Hello World!")
 &lt;/script&gt;

<select> tag

The HTML <select> tag is used for defining a select list.

&lt;select&gt;
 &lt;option value ="HTML"&gt;HTML&lt;/option&gt;
 &lt;option value ="CSS"&gt;CSS&lt;/option&gt;
 &lt;option value ="PHP" selected&gt;PHP&lt;/option&gt;
 &lt;/select&gt;

<small > tag

<small> tag is used to specify small print.

&lt;p&gt;&lt;small&gt;© Copyright QualityPoint Technologies&lt;/small&gt;&lt;/p&gt;

<source> tag

The HTML <source> tag is utilized to indicate different media assets on media components (such as <audio> and <video>).

&lt;audio controls="controls"&gt;
 &lt;source src="song.ogg" type="audio/ogg" /&gt;
 &lt;/audio&gt;