Hypertext Markup Language (HTML)

Hypertext Markup Language (HTML)

1. Headings

   • Headings are marked with H1, H2, ..., H5 tags
   • Hn denotes an nth level heading
   • <h1>Etiquette and Courtship</h1> <p>It is a growing custom ... </p>

2. Lists

   • HTML has three kinds of lists:
     • Unordered information (bulleted lists) • Ordered information (numbered lists) • Definitions (like in a dictionary)

3. Unordered Lists

   • The UL tag encloses an unordered list
   • The individual list items are enclosed in LI tags
   • <ul> <li>Client/server protocols</li> <li>Web site design</li> <li>Server-side scripting</li> <li>Client-side scripting</li> <li>Mixed-mode scripting</li> </ul>

4. Ordered Lists

   • The OL tag denotes ordered (numbered) lists
   • Again, list items are enclosed in LI tags
   • <ol> <li>Mix dry ingredients thoroughly.</li> <li>Pour in wet ingredients.</li> <li>Mix for 10 minutes.</li> <li>Bake for one hour at 300 degrees.</li> </ol>

5. Definition Lists

   • Definition lists use the DL tag
   • Each item has two parts, the term DT and the definition DD
   • <dl> <dt>Lower cost</dt> <dd>The new version of this product costs significantly less than the previous one!</dd> </dl>

6. Some Other Tags

   • To emphasize some text, use EM – The <em>last</em> thing you should do ... • To strongly emphasize, use STRONG – The <strong>absolute last</strong> thing ... • Use CODE to denote code snippets – Use <code>fseek(fp, 0L, SEEK_SET)</code> to rewind the file pointer
   • There are also short quotes Q, block quotes (BLOCKQUOTE), citations (CITE), addresses (ADDRESS), insertions (INS), deletions (DEL), typed-text (KBD), variable names (VAR), sample output (SAMP), and preformatted text (PRE)

7. Simple HTML Tables

   • HTML tables are created TABLE tag
   • Each table contains one or more rows (TR) containing table data (TD) or table headers (TH)
   • <table> <tr> <th>First Name</th> <th>Last Name</th> <th>Research Areas</th> </tr></table>