Basic of HTML


Basic of HTML

Document Outline

  • <!DOCTYPE>     Version of (x) HTML
  • <html>                   HTML Document
  • <head>                  Page information

Comments <!......Comment text........>

Page information

  • <base/>                 Base URL
  • <meta/>                 Meta data
  • <title>                   Title 
  • <link/>                  Relevant Source
  • <style>                  Style relevant
  • <Script>                Script relevant

Document Structure

  • <h(1-r)>                         Heading
  • <div>                             Page selection
  • <span>                           Inline selection
  • <p>                                 Paragraph
  • <br/>                               Line  break
  • <hr/>                              Horizontal rule

Links

  • <a href ="">                   Page Link
  • <a href = "mailto:>         Email link
  • < a href = "name">         Anchor
  • <a href = "name">          Link to anchor

Text markup

  • <strong>                       Strong emphasis
  • <em>                            Emphasis
  • <blockquote>               Long Quotation
  • <q>                               Short Quotation
  • <<abbr>                        Abbreviation
  • <acronym>                   Acronym
  • <pre>                            Pre formatted Text
  • <dfn>                            Define
  • <code>                          Code
  • <cite>                           Citation
  • <del>                             Delated text
  • <ins>                             Insert text
  • <sub>                            Subscript
  • <sup>                           Superscript
  • <bdo>                           Text Direction
  • <address>                      Address

List

  • <Ol>                               Ordered list
  • <Ul>                               Unordered List
  • <li>                                 List item
  • <dl>                                Definition list
  • <dt>                                Definition term
  • <dd>                               Term Description

Forms

  • <forms>                           Form
  • <fieldset>                         Collection of field
  • <legend>                          From legend
  • <label>                             Input label
  • <input/>                            Form input
  • <select>                            Dropdown box
  • <optgroup>                       Group of option
  • <textarea>                         large text input
  • <button>                            Button

Tables

  • <table>                               Table
  • <caption>                            Caption
  • <thead>                              Table head
  • <tbody>                              Table body
  • <tfoot>                                Table footer
  • <colgroup>                          Column group
  • <col>                                    Column
  • <tr>                                      Table row
  • <th>                                      Table row
  • <td>                                       Table cell

Image and image maps

  • <img/>                                   Image
  • <maps>                                  Image map
  • <area/>                                   Area of image map

Common character 

  • &+34                "                      Quotation mark
  • &+38                &                     Ampersand
  • &+60                <                      Less than
  • &+62                >                      Greater than
  • &+64                @                     At the rate
  • &+149               .                       Small Bullet
  • &+153               rM                   Trade Mark
  • &+163                £                     Pound
  • &+160               →                    Non-Breaking Space
  • &+169                ⓒ                   Copyright

Object

<object>                  Object
<param>                  Parameter          

Empty Elements

<area/>                    <img/>
<base/>                    <input/>
<br/>                        <link/>
<col/>                       <meta/>
<hr/>                         <param/>

Core Attributes

Class                           Style
Id                                 Title

Note: Core attributes may not be used inbuse, html , head , meta . param , Script , Style , or , Title elements.

Language Attributes

dir

Note: Language attributes may not be used in base , br , frame , formset , hr , iframe , param or script elements.

Keyboard attributes (Access key , tab index)
Windows events (onload unload)

Form events

  • onblur
  • onreset
  • onchange
  • onfocus
  • onselect
  • onsubmit

Keyboard events    

  • onkey down
  • onkey up
  • onkey press

Mouse Events

  • on click
  • on Db click
  • on Mouse out
  • on mouse down
  • on mouse over
  • on mouse over
  • on mouse up
  • on mouse move

Comments

Popular Posts