top of page

Important Html tag

Updated: Jan 10, 2021


<!–- -–> For commenting out sections of HTML or placing comments within HTML. Anything between <!-- and --> wont be rendered as text when the page loads in a web browser, but will still be visible if looking at the plain 'ol HTML file in a text editor.


1. <!DOCTYPE html> Basically tells the browser what kind of document we're loading. This page, for example, starts things off with <!DOCTYPE html>


2. <a> a for anchor, also known as a hyperlink, or simply a link. To make an actual link using the <a>tag, use the href attribute: <a href="http://sudhanshucivil2010.com">Link</a>


3. <abbr> Abbr is an abbreviation for abbreviation. Use it with the title attribute to define abbreviations. <abbr title="Cascading Style Sheets">CSS</abbr>. Safari 12.0 hovering the mouse over CSS brings up a little tool tip generated by the abbreviation tag.


4.<address> Contact information for the author. Alternatively, this could be general contact information for the website.


5. <area> Establishes areas in an image map. <area> is always used inside of <map>.


6. <article> The <article> tag is new in HTML5. This tag can be used to contain blog entries, forum posts, etc.


7. <aside> New in HTML5. The <aside> element is for making sidebars that are placed next to the main content.


8. <audio> New in HTML5. The <audio> tag can be used to place an audio stream within an HTML document.


9. <b> For bolding or otherwise styling text without conveying any additional meaning such as with <em> and <strong> and etc.


10. <base> Use to set a base URL.


11. <blockquote> For quoting from an external source. Typically rendered as indented text.


12. <body> Establishes the body of an HTML document.


13. <br> Single line break. Think of br as short for break.


14. <button> Specifies button that can be clicked. Commonly used with forms.


15. <canvas> Used for rendering graphics on the fly, typically in conjunction with a scripting language.


16.<caption> Placed just after <table>, used for table caption.


17. <cite> For citing.


18. <code> For code examples. A little bit like <samp> and <kbd>, but specifically for code.


19. <col> Specify properties of a <col> within a <colgroup>


20. <data> Used for script friendly data.


21. <dd> For description lists. Use with <dt> and <dl>


22. <del> Mark text as deleted without actually deleting it. This will typically be rendered as a strikethrough.


23. <details> New in HTML5. Can be used for additional details which can be hidden or revealed.


24. <div> A divider or a kind of generic container.


25. <em> Emphasis, which I believe often defaults to italics. For something stronger, use <strong>.


26. <embed> New in HTML5. A container for external content.


27. <fieldset> Group related items in a form.


28. <figure> Define self contained content such as photos or diagrams.


29. <footer> The footer of a document, below the main content.


30. <form> Forms for user input.


31. <h1> Level 1 heading, the headline or title of a page.


32. <h2> Level 2 heading, the subtitles of a page.


33. <h3> Level 3 heading.


34. <h4> Level 4 heading.


35. <h5> Level 5 heading.


36. <h6> Level 6 heading.


37. <head> The head section. Used mostly for metadata.


38. <hr> This can be used for separating text within a paragraph. Typically renders as a horizontal line running across the page.


39. <html> The root level tag of an HTML document. All other HTML tags go inside the HTML tag.


40. <i> The <i> element has changed a little in HTML5. It can still make text italicized, and I think that is often the default behavior, however, this depends on the stylesheet.


41. <img> For displaying images on a webpage. Example: <img src="image.png">


42. <input> Input is used with various attributes to create form input elements.


43. <kbd> Used for keyboard input. This is different from form element text input.


44. <keygen> Used for authentication with a security certificate.


45. <label> For assigning labels to interface elements such as forms.


46. <legend> Useful for making forms easier to understand.


47. <li> This represents a list item with an <ol> (ordered list) or <ul> (unordered list).


48. <link> Used for linking to external resources. Typically seen in <head> referring to an external style sheet. Different from the <a> (anchor) tag.


49. <main> New to HTML5. These tags enclose the main content of an HTML document.


50. <map> Used when defining an image map.


51. <mark> This is essentially used for highlighting. Of course, whether or not highlighting is actually involved depends on the involved stylesheet.


52. <menu> Used for creating various kinds of menus. This is new to HTML 5.1.


53. <menuitem> Specify actions that can be taken with a menu.


54. <meta> Used for specifying various meta information about the document. Meta tags are used within the document <head>.


55. <meter> Used to represent a number when the minimum and maximum is known, for example 10%.


56. <nav> Used for specifying a navigational region within a document.


57. <noscript> For anyone using scripts within their pages, <noscript> is useful for specifying content that should be rendered when scripting isn’t supported.


58. <object> For embedding objects within a document.


59. <ol> Ordered list (1. 2. 3.). Use with list item <li>.


60. <optgroup> For grouping objects.


61. <option> Used within the <select> tag to specify an option.


62. <output> Displays the output of an action, such as from a script or form.


63. <p> Paragraph. Enclose paragraphs in an article within <p> tags.


64. <param> Use when parameters need to be passed to an object embedded within the document.


65. <pre> For preformatted text. This can be useful for demonstrating code, especially if there are multiple lines.


66. <progress> Display the progress of an action, such as with a script.


67. <q> Quote from some source.


68. <rb> For Ruby annotations.


69. <rp> Specify text to be displayed when Ruby annotations are not supported by the browser.


70. <rt> Text component of a Ruby annotation.


71. <rtc> Ruby Text Container.


72. <ruby> Also used for Ruby annotation.


73. <s> For marking up text that is not longer relevant, applicable, or accurate.


74. <samp> Sample output one might get from a particular computer program.


75. <script> Scripts inside of an HTML document are enclosed in the script tags.


76. <section> A nonspecific means of breaking up content within a webpage into sections.


77. <select> Used with <option> for selecting a particular option.


78. <small> Typically used for small print. Useful for comments within the main content.


79. <source> Used with <audio> and <video> for specifying media source.


80. <span> Useful for applying styles to or around text, especially inline.


81. <strong> The enclosed text is of strong importance.


82. <style> For declaring style sheets within a document.


83. <sub> For displaying subscript. Useful for math, especially in conjunction with <sup> (superscript).


84. <summary> Used in conjunction with the <details> tag for specifying a summary.


85. <sup> For displaying superscript. Useful for math, especially in conjunction with <sub> (subscript).


86.<table> For making tables in an HTML page.


87. <tbody> Groups table rows.


88. <td> Table data; this represents a data cell within a table.


89. <template> Declares HTML snippets that can be used later.


90. <textarea> For multi-line text entry.


91.<tfoot> Table footer.


92. <th> Table header cell.


93. <thead> Table header row.


94. <time> Specifies the date/time within a document.


95. <title> The title of an HTML document.


96. <tr> A row within a table.


97. <track> Used to specify text tracks with <audio> and <video>.


98. <u> Useful for annotating text for various reasons. No longer specifically for underlining, although you can of course still do that with CSS.


99. <ul> Unordered list. Use with <li> (list item) to make unordered lists.


100. <var> Defines a variable within the content of an HTML page.


101. <video> For embedding video within an HTML page.


102. <wbr> The optional line wrap.


22 views0 comments

Comments


bottom of page