The HyperText Markup Language (HTML) is the main Markup language in the World Wide Web for creating Web pages and other information to be displayed in the browser. HTML is composed of elements that consists of tags.

  • The Web is supposed to be used by humans
  • The Web is based on the Markup language HTML
  • HTML describes:

    • How information is presented
    • How information is linked
    • But not, what the information means

An HTML document has the following structure::

<!DOCTYPE html>
        <title>Document Title</title>

Sections, Division & Lines

These are tags to divide a page into sections and therelike. Use them effectively to structure the layout correctly.

Div sion <div> </div>

P aragraph <p> </p>

Span <span> </span>

Br eak line <br>

H o r izontal line <hr>

No br eaks </nobr>

HTML Table

The table tr and td tags allow the creation of tables, rows and columns: ::

<table border="1">
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>

Form Options

The select, optgroup and option tags enable the creation of nested selection form: ::

    <optgroup label="Groupname">
        <optgroup label="Subgroupname">
            <option value="1">Option 1 name</option>
            <option value="2">Option 2 name</option>

Turn a Picture Into a Link

It is easy to turn a picture into a link. If you already know how to make a link, like this: <a href="url_name">Click here!</a>

And you already know how to present an image, like this: <img src="picture_name.jpg" />

Then you can simple combine these two tags to create an image with a link embedded by simply replacing the text with code for an image: <a href="url"><img src="picture_name.jpg" /></a>

Edit tutorial

Comment on This Data Unit