• Struts
  • Servlet
  • jQuery
  • SQL Tutorial
  • PHP
  • JSP
  • Java IO
  • RubyonRails
  • Spring

  • <

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