HTML
Text Marking Up
| Tag | Meaning |
|---|---|
| <a> | Hyperlinks |
| <b> | Keywords |
| <em> | Emphasis |
| <i> | Italic |
| <s> | Corrections |
| <strong> | Important |
| <u> | Underlining Text |
| <small> | disclaimers and clarifications |
| <sup> | Superscripts |
| <sub> | Subscripts |
| <br> | Line break |
| <wbr> | Safe Line Break (HTML5) |
| <code> | Computer source code |
| <var> | A variable |
| <samp> | Output from computer |
| <kbd> | User input |
| <abbr> | Abbreviations |
| <dfn> | Defining Terms |
| <q> | Quotations |
| <cite> | Citations |
| <ruby><rt><rp> | Ruby characters(HTML5) |
| <bdo> | Explicit text direction |
| <bdi> | Non-Explicit text direction(HTML5) |
| <span> | Span of Content |
| <mark> | Highlighting Text(HTML5) |
| <ins> | Added Content |
| <del> | Deleted content |
| <time> | time and date(HTML5) |
Grouping Content
| Tag | Meaning |
|---|---|
| <p> | Paragraphs |
| <div> | create structure |
| <pre> | Preformatted Content |
| <blockquote> | larger amounts of quoted content |
| <hr> | A line |
| <ol> | ordered list |
| <ul> | unordered lists |
| <li> | an item in a list |
| <dl><dt><dd> | Definition Lists |
| <figure> | Figures(HTML5) |
Sections
| Tag | Meaning |
|---|---|
| <h1><h2><h3><h4><h5><h6> | heading |
| <hgroup> | Headings group(HTML5) |
| <section> | Sections(HTML5) |
| <header> | Headers(HTML5) |
| <footer> | Footers(HTML5) |
| <nav> | Navigation Blocks(HTML5) |
| <article> | Articles(HTML5) |
| <aside> | Sidebars(HTML5) |
| <address> | Contact Information |
| <details> | for Details Section(HTML5) |
Table Elements
| Tag | Meaning |
|---|---|
| <table>,<tr>,<td> | Table |
| <th> | Headers Cells |
| <tbody> | Table Body |
| <thead> | Table Headings |
| <tfoot> | Table Footer |
| <colgroup> | Column Group |
| <col> | columns in a column group |
| <caption> | Caption |
| colspan,rowspan | Column span, Row span |
| header | header attribute |
Form
| Tag | Meaning |
|---|---|
| <form> | Form |
| <fieldset> | Group elements |
| <legend> | Descriptive Label |
| <input> | input text fields |
| <input type='reset|submit|button'> | input buttons |
| <input type='password'> | input password fields |
| <input type='data validation'> | input data validation |
| <input type='Restricted type'> | Restricted Data type Values(HTML5) |
| <textarea> | Multiple Lines of Text |
| <select> | Option selecting |
| <optgroup> | Options in group |
| <datalist> | Auto-complete(HTML5) |
| <output> | Calculation output(HTML5) |
| <keygen> | Key generator(HTML5) |
| <dataList> | data list |
Embedding Content
| Tag | Meaning |
|---|---|
| <img> | Embedding an Image |
| <map> | Image map |
| <iframe> | Internal embeded |
| <embed> | Embed |
| <object> | Embeded object |
Value element
| Tag | Meaning |
|---|---|
| <progress> | progress(HTML5) |
| <meter> | Showing a Ranged Value(HTML5) |
Multimedia
Canvas
- Canvas Basics(HTML5)
- Canvas Context
- Drawing States
- Shape
- Shadows
- Text
- Image
- Video
- Stroke
- Gradients
- Patterns
- Transparency