Common HTML Tags for Creating Web Pages - dummies

Common HTML Tags for Creating Web Pages

By Bud E. Smith

Part of Creating Web Pages For Dummies Cheat Sheet

If you’re creating Web pages, you can’t escape using HTML, and really, why would you want to? The Web language translates your glorious ideas into engaging Web pages. The lists here offer the basic HTML tags used most often in formatting Web pages, including links to other Web pages, inserting images on your page, and creating tables.

Formatting text

You need headings to organize your Web page, differing types of type to place emphasis, and lists to keep things interesting. These tags help you format them all:

  • Headings: <h1>Top heading</h1>, <h2>Next-level heading</h2>, … <h6>Lowest heading</h6>

  • Bold: <b>text</b>

  • Italic: <i>text</i>

  • Paragraph: <p>A paragraph of text</p>

  • Bulleted list: <ul> <li>First list item</li> <li>Second list item</li> </ul>

  • Numbered list: <ol> <li>Item #1</li> <li>Item #2</li> </ol>

Inserting links

Web sites are meant to link to other sites and be linked to them. These HTML tags are the ones you need to connect in the ether:

  • Links to external Web pages: <a href=””>The …For Dummies Web page</a>

  • Links within a Web site, same directory: <a href=”myres.htm”>My resume</a>

  • Links within a page: <a href=”#nextline”>Jump</a> to the next line. Here is the next <a name=”nextline”></a>line.

Graphics and multimedia

You want graphics and multimedia on your Web page to add visual interest. These HTML tags show how to include visuals:

  • Photos and still images: <img src=”myphoto.jpg” ALT=”My photo!”>

  • Moving images: <embed src=””>

Drawing tables

Setting up tables means setting a border and making HTML tags for every row and cell:

  • Start table with 1-pixel border: <table border=”1″>

  • Rows and cells: <tr><td>First Row, First Cell</td><td>First Row, Second Cell</td></tr>
    <tr><td>>Second Row, First Cell</td><td>Second Row, Second Cell</td></tr>

  • Table end: </table>