WebSkills

What is HTML 🛠 ?

HTML (HyperText Markup Language) is a standard markup language used to create web pages. It consists of a set of tags that define the structure and content of a web page.

What are HTML Tags?

HTML tags are simple instructions that tell a web browser how to format text. You can use tags to format italics, line breaks, objects, bullet points, and more.

These tags live in the HTML (or the Hypertext Markup Language) of every webpage. Put, HTML is the language of web pages.

Most Common HTML Tags 👇

  1. <html>
  2. <body>
  3. <main>
  4. <head>
  5. <script>
  6. <h1> to <h6>
  7. <p>
  8. <br>
  9. <hr>
  10. <ul>
  11. <li>
  12. <table>
  13. <tr>
  14. <td>
  15. <div>
  16. <nav>
  17. <footer>
  18. <img>
  19. <form>
  20. <input>
  21. <label>
  22. <video>
  23. <textarea>
  24. <svg>
  25. <style>
  26. <span>
  27. <section>
  28. <option>
  29. <meta>
  30. <field>

Here is a list of common HTML tags that you may find useful 😥.

You should know!

You can learn much more about Html in our Html Courses.

Short definition Of HTML Tags

  1. <!--...--> Defines a comment
  2. <!DOCTYPE> Defines the document type
  3. <a> Defines a hyperlink
  4. <abbr> Defines an abbreviation or an acronym
  5. <address> Defines contact information for the author/owner of a document Defines an embedded applet
  6. <area> Defines an area inside an image map
  7. <article> Defines an article
  8. <aside> Defines content aside from the page content
  9. <audio> Defines embedded sound content
  10. <b> Defines bold text
  11. <base> Specifies the base URL/target for all relative URLs in a document
  12. <blockquote> Defines a section that is quoted from another source
  13. <body> Defines the document's body
  14. <br> Defines a single line break
  15. <button> Defines a clickable button
  16. <canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
  17. <caption> Defines a table caption
  18. <del> Defines text that has been deleted from a document
  19. <details> Defines additional details that the user can view or hide
  20. <div> Defines a section in a document
  21. <dl> Defines a description list
  22. <dt> Defines a term/name in a description list
  23. <em> Defines emphasized text
  24. <embed> Defines a container for an external application
  25. <fieldset> Groups related elements in a form
  26. <figcaption> Defines a caption for a <figure> element
  27. <figure> Specifies self-contained content
  28. <footer> Defines a footer for a document or section
  29. <form> Defines an HTML form for user input
  30. <h1> to <h6> Defines HTML headings
  31. <head> Contains metadata/information for the document
  32. <header> Defines a header for a document or section
  33. <hr> Defines a thematic change in the content
  34. <html> Defines the root of an HTML document
  35. <i> Defines a part of text in an alternate voice or mood
  36. <iframe> Defines an inline frame
  37. <img> Defines an image
  38. <input> Defines an input control
  39. <label> Defines a label for an <input> element
  40. <li> Defines a list item
  41. <main> Specifies the main content of a document
  42. <mark> Defines marked/highlighted text
  43. <meta> Defines metadata about an HTML document
  44. <nav> Defines navigation links
  45. <noscript> Defines an alternate content for users that do not support client-side scripts
  46. <ol> Defines an ordered list
  47. <option> Defines an option in a drop-down list
  48. <output> Defines the result of a calculation
  49. <p> Defines a paragraph
  50. <param> Defines a parameter for an object
  51. <picture> Defines a container for multiple image resources
  52. <pre> Defines preformatted text
  53. <progress> Represents the progress of a task
  54. <samp> Defines sample output from a computer program
  55. <script> Defines a client-side script
  56. <section> Defines a section in a document
  57. <select> Defines a drop-down list
  58. <small> Defines smaller text
  59. <source> Defines multiple media resources for media elements (<video> and <audio>)
  60. <span> Defines a section in a document
  61. <strong> Defines important text
  62. <style> Defines style information for a document
  63. <sub> Defines subscripted text
  64. <summary> Defines a visible heading for a <details> element
  65. <sup> Defines superscripted text
  66. <svg> Defines a container for SVG graphics
  67. <table> Defines a table
  68. <tbody> Groups the body content in a table
  69. <td> Defines a cell in a table
  70. <template> Defines a container for content that should be hidden when the page loads
  71. <textarea> Defines a multiline input control (text area)
  72. <tfoot> Groups the footer content in a table
  73. <th> Defines a header cell in a table
  74. <thead> Groups the header content in a table
  75. <time> Defines a specific time (or datetime)
  76. <title> Defines a title for the document
  77. <tr> Defines a row in a table
  78. <u> Defines some text that is unarticulated and styled differently from normal text
  79. <ul> Defines an unordered list
  80. <var> Defines a variable
  81. <video> Defines embedded video content
  82. <wbr> Defines a possible line-break

HTML basic format

<!DOCTYPE html>
<html>
    <head>
      <title>Page Title</title>
    </head>
    <body>
      <h1>This is a Heading</h1>
      <p>This is a paragraph.</p>
    </body>
</html>
  1. The <!DOCTYPE html> declaration defines that this document is an HTML5 document
  2. The <html> element is the root element of an HTML page
  3. The <head> element contains meta information about the HTML page
  4. The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
  5. The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  6. The <h1> element defines a large heading
  7. The <p> element defines a paragraph

HTML 5 format

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- format -->
  </body>
</html>

Possimus saepe veritatis sint nobis et quam eos. Architecto consequatur odit perferendis fuga eveniet possimus rerum cumque. Ea deleniti voluptatum deserunt voluptatibus ut non iste. Provident nam asperiores vel laboriosam omnis ducimus enim nesciunt quaerat. Minus tempora cupiditate est quod.

What is an HTML Element ?

An HTML element is defined by a start tag, some content, and an end tag: <tagname> Content goes here... </tagname>

Prev

What is Presm

Next

What is Presm