Scribd
Upload
196 views

HTML Cheat Sheet

This HTML cheat sheet summarizes important HTML elements for page structure (e.g. <!DOCTYPE>, <html>, <body>), text formatting (e.g. <b>, <i>, <mark>), links (<a>), lists (<ul>, <ol>), tables (<table>, <tr>, <td>), forms (<form>, <input>, <select>), and meta information (<title>, <meta>). It also includes elements for headings (<h1>-<h6>), paragraphs (<p>), line breaks (<br>), quotes (<q>), and descriptions (<dl>, <dt>, <dd>).

Uploaded by

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

HTML Cheat Sheet

This HTML cheat sheet summarizes important HTML elements for page structure (e.g. <!DOCTYPE>, <html>, <body>), text formatting (e.g. <b>, <i>, <mark>), links (<a>), lists (<ul>, <ol>), tables (<table>, <tr>, <td>), forms (<form>, <input>, <select>), and meta information (<title>, <meta>). It also includes elements for headings (<h1>-<h6>), paragraphs (<p>), line breaks (<br>), quotes (<q>), and descriptions (<dl>, <dt>, <dd>).

Uploaded by

Georges Axel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

HTML | Cheat Sheet

HTML Basics

• <!DOCTYPE> - HTML5 Version


• <html> - Root of document
• <body> - Document Body
• <br/> - Line Break
• <hr> - Horizontal Rule

HTML Heading (6)

• <h1> - Most Important


• <h2
• <h3>
• <h4>
• <h5>
• <h6> - Least Important

HTML Paragraph

• <p>- Paragraph

CODING STELLA
HTML | Cheat Sheet
HTML Formatting
• <b> - Bold Text
• <strong> - Important Text | Bold
• <i> - Italic Text
• <em> - Emphasized | Italic
• <mark> - Highlighted Text
• <del> - Deleted Text Crossline
• <sup> - SuperScript | Top
• <sub> - SubScript | Bottom
• <pre> - Preformatted Text
• <code> - Computer Code

HTML Quatation

• <q> - Short Quotation


• <abbr> - Abbreviation
• <bdo> - Bidirectional Text
• <address> - For Contact Info

CODING STELLA
HTML | Cheat Sheet
HTML Links

• <q> - Anchor Element


• <link> - Link to External Source

HTML Links | Attributes

• href
- Specifies the URL

• download
- File will be download

• target
- where to open | Values are

_blank

_parent

_top

_self

• type
- Media type of the linked doc

CODING STELLA
HTML | Cheat Sheet
HTML List

• <ul> -Unordered List


• <ol> - Ordered List
• <li> - List Items

H T M L L i n k s | A t t r i b u t e s
• <dl> - Description List

• <dt> - Description Term


• <dd> - Description Definition

HTML Tabels
• <table> - Defines Table
• <caption> - Table Caption

• <th> - Header Cell In Table


• <tr> - Defines Row in Table
• <td>- Table data

• <thead> - Header of Columns


• <tbody> - Set of table rows
• <tfoot> - Summarizing columns

CODING STELLA
HTML | Cheat Sheet
HTML Forms
• <form>
- Defines form for user input
• <input />
- DH
e fTi M
n eL i nLpi n
ukt sc o| nAt rt o
t rl si b u t e s
• <label>
- Label for Input element
• <textarea>
- Multiple Input text area
• <button>
- Clickable button
• <select>
- Defines drop down List
• <option>
- options in drop-down list
• <optgroup>
- group of options in list
• <fieldset>
- Groups elements in form
• <legend>
- Caption for <fieldset>

CODING STELLA
HTML | Cheat Sheet
HTML Forms | Input Types

• < input type = "text">


• < input type = "number">
• < input type = "password">
• < iH
nTpu
MtLt yLpi n
e k=s " |c hAetctkr b
i boux t" e
>s
• < input type = "radio">
• < input type = "range">
• < input type = "color">
• < input type = "email">
• < input type = "file">
• < input type = "button">
• < input type = "reset">
• < input type = "submit">
• < input type = "search">
• < input type = "hidden">
• < input type = "image">
• < input type = "tel">
• < input type = "date">
• < input type = "url">
• < input type = "time">
• < input type = "month">

CODING STELLA
HTML | Cheat Sheet
HTML Meta Info

• <head>
- Info about document
• <title>
- Defines doc title
HTML Links | Attributes
• <meta>
- Meta data about document

HTML Styles
• <style>
- Internal CSS Styling
• <div>
- Block Element | Section
• <span>
- Inline Element | Section

HTML Comment

• <!-- comment -->

CODING STELLA

You might also like