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