Scribd
Upload
3 views4 pages

HTML Sheet

This document provides a comprehensive overview of HTML tags and their uses, including basic structure, text formatting, links, media, semantic tags, containers, lists, tables, forms, and common attributes. It also highlights important points such as case sensitivity and the nature of self-closing tags. The information serves as a quick reference for HTML coding.

Uploaded by

Ankit Kumar Singh
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views4 pages

HTML Sheet

This document provides a comprehensive overview of HTML tags and their uses, including basic structure, text formatting, links, media, semantic tags, containers, lists, tables, forms, and common attributes. It also highlights important points such as case sensitivity and the nature of self-closing tags. The information serves as a quick reference for HTML coding.

Uploaded by

Ankit Kumar Singh
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

📄 HTML COMPLETE TAG SHEET

🔹 BASIC STRUCTURE

 <!DOCTYPE html> → HTML5 declaration

 <html> → root element

 <head> → metadata container

 <title> → page title

 <body> → visible content

🔹 TEXT TAGS

 <h1> to <h6> → headings

 <p> → paragraph

 <br> → line break

 <hr> → horizontal line

 <pre> → preserve spaces

🔹 FORMATTING TAGS

 <b> → bold

 <i> → italic

 <u> → underline

 <strong> → important text

 <em> → emphasized text

 <big> → bigger text

 <small> → smaller text

 <sub> → subscript

 <sup> → superscript

🔹 LINKS & MEDIA

 <a href=""> → link

 target="_blank" → open new tab

 <img src="" alt=""> → image

 height="" width="" → image size


🔹 STRUCTURE (SEMANTIC TAGS)

 <header> → top section

 <main> → main content

 <footer> → bottom section

 <section> → section block

 <article> → article content

 <aside> → side content

 <nav> → navigation

🔹 CONTAINERS

 <div> → block container

 <span> → inline container

🔹 LISTS

 <ul> → unordered list

 <ol> → ordered list

 <li> → list item

🔹 TABLES

 <table> → table

 <tr> → row

 <td> → data

 <th> → header

 <caption> → title

 <thead> → head section

 <tbody> → body section

 colspan="n" → merge columns

🔹 FORMS

 <form action=""> → form container


 <input> → user input

o type="text"

o type="radio"

o type="checkbox"

 <label> → label for input

 <textarea> → multi-line input

 <select> → dropdown

 <option> → dropdown items

🔹 ATTRIBUTES (COMMON)

 id="" → unique id

 class="" → group elements

 name="" → form name

 value="" → input value

 placeholder="" → hint text

🔹 MEDIA TAGS

 <video> → video

o controls

o autoplay

o loop

o height width

 <iframe> → website inside website

🔹 COMMENTS

 <!-- comment -->

🔹 IMPORTANT POINTS

 HTML is not case-sensitive

 Most tags have opening & closing

 Some tags are self-closing (<br>, <img>)

You might also like