html tags html a tag

HTML Tags

HTML Tags, also knows as HTML Elements, are composed of the name of the element, surrounded by angle brackets. Any text in HTML enclosed between less-than (<) and greater-than signs (>) is a tag called markup.

HTML Tags List

Basic Tags

Document type

HTML document

Information about the document

</a> Title for the document</li> <li><a href=" "><body> </a> Document's body</li> <li><a href=" "><h1> to <h6> </a>HTML headings</li> <li><a href=" "> </a> Paragraph</li> <li><a href=" "> </a> Single line break</li> <li><a href=" "><hr> </a> Thematic change in the content</li> <li><a href=" "> </a> comment</li> <h2>Formatting Tags</h2> <li><a href=" "><acronym> </a>Not supported in HTML5. Use <abbr> instead. Defines an acronym</li> <li><a href=" "><abbr> </a>abbreviation or an acronym</li> <li><a href=" "><address> </a>contact information for the author/owner of a document/article</li> <li><a href=" "> </a> bold text</li> <li><a href=" "><bdi> </a>Isolates a part of text that might be formatted in a different direction from other text outside it.</li> <li><a href=" "><bdo> </a>Overrides the current text direction</li> <li><a href=" "><big> </a>Not supported in HTML5. Use CSS instead. Defines big text</li> <li><a href=" "><blockquote> </a>section that is quoted from another source</li> <li><a href=" "><center> </a>Not supported in HTML5. Use CSS instead. Defines centered text</li> <li><a href=" "><cite> </a>title of a work</li> <li><a href=" "><code></a> computer code</li> <li><a href=" "><del> </a>Defines text that has been deleted from a document</li> <li><a href=" "><dfn> </a>Represents instance of a term</li> <li><a href=" "> </a>emphasized text </li> <li><a href=" "> </a>Not supported in HTML5. Use CSS instead. Defines font, color, and size for text</li> <li><a href=" "> </a>Defines a part of text in an alternate voice or mood</li> <li><a href=" "><ins> </a>text that has been inserted into a document</li> <li><a href=" "><kbd> </a>keyboard input</li> <li><a href=" "></a> marked/highlighted text</li> <li><a href=" "><meter></a> scalar measurement within a known range (a gauge)</li> <li><a href=" "><pre> </a> preformatted text</li> <li><a href=" "><progress> </a>Represents the progress of a task</li> <li><a href=" "><q> </a> short quotation</li> <li><a href=" "><rp> </a>Defines what to show in browsers that do not support ruby annotations</li> <li><a href=" "><rt> </a>Defines an explanation/pronunciation of characters (for East Asian typography)</li> <li><a href=" "><ruby></a> A ruby annotation (for East Asian typography)</li> <li><a href=" "><s> </a>Defines text that is no longer correct</li> <li><a href=" "><samp> </a>Defines sample output from a computer program</li> <li><a href=" "> </a>smaller text</li> <li><a href=" "><strike> </a>Not supported in HTML5. Use <del> or <s> instead. Defines strikethrough text</li> <li><a href=" "> </a>important text</li> <li><a href=" "> </a>subscripted text</li> <li><a href=" "> </a>superscripted text</li> <li><a href=" "><template> </a>Defines a template</li> <li><a href=" "><time> </a>Defines a date/time</li> <li><a href=" "><tt> </a>Not supported in HTML5. Use CSS instead. Defines teletype text</li> <li><a href=" "> </a>Defines text that should be stylistically different from normal text</li> <li><a href=" "><var> </a>Defines a variable</li> <li><a href=" "> </a>Defines a possible line-break</li> <h2>Form and Input Tags</h2> <li><a href=" "><form></a> HTML form for user input</li> <li><a href=" "><input></a> An input control</li> <li><a href=" "><textarea> </a>Multiline input control (text area)</li> <li><a href=" "><button> </a>Clickable button</li> <li><a href=" "><select></a> Drop-down list</li> <li><a href=" "><optgroup></a> A group of related options in a drop-down list</li> <li><a href=" "><option></a> An option in a drop-down list</li> <li><a href=" "><label> </a>A label for an <input> element</li> <li><a href=" "><fieldset></a> Groups related elements in a form</li> <li><a href=" "><legend></a> Caption for a <fieldset> element</li> <li><a href=" "><datalist></a> Specifies a list of pre-defined options for input controls</li> <li><a href=" "><output> </a>Result of a calculation</li> <h2>Frame Tags</h2> <li><a href=" "><frame></a> Defines a window (a frame) in a frameset</li> <li><a href=" "><frameset> </a>Set of frames</li> <li><a href=" "><noframes></a> Defines an alternate content for users that do not support frames</li> <li><a href=" "><iframe></a> Inline frame</li> <h2>Image Tags</h2> <li><a href=" "><img></a> Defines an image</li> <li><a href=" "><map></a> Defines a client-side image-map</li> <li><a href=" "><area></a> Defines an area inside an image-map</li> <li><a href=" "><canvas></a> Used to draw graphics, on the fly, via scripting (usually JavaScript)</li> <li><a href=" "><figcaption></a> Defines a caption for a <figure> element</li> <li><a href=" "><figure></a> Specifies self-contained content</li> <li><a href=" "><picture> </a>Defines a container for multiple image resources</li> <li><a href=" "><svg> </a>Defines a container for SVG graphics</li> <h2>Audio/Video Tags</h2> <li><a href=" "><audio></a> Defines sound content</li> <li><a href=" "><source></a> Defines multiple media resources for media elements (<video>, <audio> and <picture>)</li> <li><a href=" "><track> </a>Defines text tracks for media elements (<video> and <audio>)</li> <li><a href=" "><video></a> Defines a video or movie</li> <h2>Link Tags</h2> <li><a href=" "><a> </a>Defines a hyperlink</li> <li><a href=" "><link> </a>Defines the relationship between a document and an external resource (most used to link to style sheets)</li> <li><a href=" "><nav> </a>Defines navigation links</li> <h2>List Tags</h2> <li><a href=" "><ul></a> Defines an unordered list</li> <li><a href=" "><ol></a> Defines an ordered list</li> <li><a href=" "><li></a> Defines a list item</li> <li><a href=" "><dir> </a>Not supported in HTML5. Use <ul> instead. Defines a directory list</li> <li><a href=" "><dl> </a>Defines a description list</li> <li><a href=" "><dt> </a>Defines a term/name in a description list</li> <li><a href=" "><dd></a> Defines a description of a term/name in a description list</li> <h2>Table Tags</h2> <li><a href=" "><table></a> Defines a table</li> <li><a href=" "><caption> </a>Defines a table caption</li> <li><a href=" "><th> </a>Defines a header cell in a table</li> <li><a href=" "><tr></a> Defines a row in a table</li> <li><a href=" "><td></a> Defines a cell in a table</li> <li><a href=" "><thead></a> Groups the header content in a table</li> <li><a href=" "><tbody></a> Groups the body content in a table</li> <li><a href=" "><tfoot></a> Groups the footer content in a table</li> <li><a href=" "><col> </a>Specifies column properties for each column within a <colgroup> element</li> <li><a href=" "><colgroup> </a>Specifies a group of one or more columns in a table for formatting</li> <h2>Style Tags</h2> <li><a href=" "><style> </a> Defines style information for a document</li> <li><a href=" "><div> </a>Defines a section in a document</li> <li><a href=" "> </a> Defines a section in a document</li> <li><a href=" "><header> </a>Defines a header for a document or section</li> <li><a href=" "><footer> </a> Defines a footer for a document or section</li> <li><a href=" "><main> </a> Specifies the main content of a document</li> <li><a href=" "><section> </a> Defines a section in a document</li> <li><a href=" "><article> </a> Defines an article</li> <li><a href=" "><aside> </a> Defines content aside from the page content</li> <li><a href=" "><details> </a> Defines additional details that the user can view or hide</li> <li><a href=" "><dialog> </a> Defines a dialog box or window</li> <li><a href=" "><summary> </a>Defines a visible heading for a <details> element</li> <li><a href=" "><data> </a>Links the given content with a machine-readable translation</li> <h2>Meta Tags</h2> <li><a href=" "><head></a> Defines information about the document</li> <li><a href=" "><meta></a> Defines metadata about an HTML document</li> <li><a href=" "><base></a> Specifies the base URL/target for all relative URLs in a document</li> <li><a href=" "><basefont></a> Not supported in HTML5. Use CSS instead. Specifies a default color, size, and font for all text in a document</li> <h2>Programming Tags</h2> <li><a href=" "><script></a> Defines a client-side script</li> <li><a href=" "><noscript></a> Defines an alternate content for users that do not support client-side scripts</li> <li><a href=" "><applet> </a>Not supported in HTML5. Use <embed> or <object> instead. Defines an embedded applet</li> <li><a href=" "><embed></a> Defines a container for an external (non-HTML) application</li> <li><a href=" "><object></a> Defines an embedded object</li> <li><a href=" "><param></a> Defines a parameter for an object</li> </div><div class="cmt-container1"> <h2>HTML Tag <a></h2> The <a> tag defines a hyperlink, which is used to link from one page to another.The most important attribute of the <a> element is the href attribute, which indicates the link's destination. <h2>Attributes</h2> <table width="100%"> <tr> <th>Attribute</th> <th>Value</th> <th>Description</th> </tr> <tr> <td>charset</td> <td>char_encoding</td> <td>Not supported in HTML5. Specifies the character-set of a linked document</td> </tr> <tr> <td>coords</td> <td>coordinates</td> <td>Not supported in HTML5. Specifies the coordinates of a link</td> </tr> <tr> <td>download</td> <td>filename</td> <td>Specifies that the target will be downloaded when a user clicks on the hyperlink</td> </tr> <tr> <td>href</td> <td>URL</td> <td>Specifies the URL of the page the link goes to</td> </tr> <tr> <td>hreflang</td> <td>language_code</td> <td>Specifies the language of the linked document</td> </tr> <tr> <td >media</td> <td>media_query</td> <td>Specifies what media/device the linked document is optimized for</td> </tr> <tr> <td>name</td> <td>section_name</td> <td>Not supported in HTML5. Use the global id attribute instead. Specifies the name of an anchor</td> </tr> <tr> <td>ping</td> <td>list_of_URLs</td> <td>Specifies a space-separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking.</td> </tr> <tr> <td>rel</td> <td>alternate author bookmark external help license next nofollow noreferrer noopener prev search tag</td> <td>Specifies the relationship between the current document and the linked document</td> </tr> <tr> <td>rev</td> <td>text</td> <td>Not supported in HTML5. Specifies the relationship between the linked document and the current document</td> </tr> <tr> <td>shape</td> <td>default rect circle poly</td> <td>Not supported in HTML5. Specifies the shape of a link</td> </tr> <tr> <td>target</td> <td>_blank _parent _self _top framename</td> <td>Specifies where to open the linked document</td> </tr> <tr> <td>type</td> <td>media_type</td> <td>Specifies the media type of the linked document</td> </tr> </table> <h2>Example1</h2> <pre class="prettyprint"> <!DOCTYPE html> <html> <body> This is a link to <a href="http://www.javameant.com/"> Programming Language Tutorial</a>. </body> </html> </pre> <form action="/compile.jsp" method="post" target="_blabk"> <textarea id="css" style="display:none;" name="file" placeholder="CSS"> <!DOCTYPE html> <html> <body> This is a link to <a href="http://www.javameant.com/"> Programming Language Tutorial</a>. </body> </html> </textarea> <button value="submit" style="color:white; background-color: #4CAF50; " name="submit">Test</button> </form> <h2>Example2</h2> <pre class="prettyprint"> <!DOCTYPE html> <html> <body> Imagem link: <a href="http://www.javameant.com"> <img border="0" alt="javameant" src="logo.png" width="100" height="100"> </a> </body> </html> </pre> <form action="/compile.jsp" method="post" target="_blabk"> <textarea id="css" style="display:none;" name="file" placeholder="CSS"> <!DOCTYPE html> <html> <body> Imagem link: <a href="http://www.javameant.com"> <img border="0" alt="javameant" src="logo.png" width="100" height="100"> </a> </body> </html> </textarea> <button value="submit" style="color:white; background-color: #4CAF50; " name="submit">Test</button> </form> </div> </body> <div class="content"> </div> <footer id="myFooter"> <div class="container"> <div class="row"> <div align="center"> <h5>About</h5> <ul> <li><a style="color: whitesmoke;" href="/aboutus.jsp">About us</a></li> <li><a style="color: whitesmoke;" href="/contactus.jsp">Contact us</a></li> <li><a style="color: whitesmoke;" href="/privacy.jsp">Pivacy</a></li> </ul> </div> <div class="col-sm-3 info"> </div> </div> </div> <div class="second-bar"> <div class="container"> </div> </div> <div id="fb-root"></div> </footer> <div align="center">© copyright 2017-2021 Completedone pvt ltd.</div> </html>