You are on page 1of 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