HTML

Created on Sept. 21, 2012, 2:26 p.m. by Hevok & updated by Hevok on May 2, 2013, 5:24 p.m.

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">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    <tr>
</table>

Form Options

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

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

Make a Picture Into a Link

It is easy to make 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>


Tags: tutorial, web, coding
Parent: Web Framework

Update entry (Admin) | See changes

Comment on This Data Unit