Basic Tags in HTML

Hypertext Markup Language (HTML)

Ø is a set of special codes that you embed in text to add formatting and linking information.

Tags

HTML begins with an Open tag <…> and ends with a Close tag

Basic Elements

Ø Document Type

Ø Title

Ø Header

Ø Body

HTML Structure

This is my first homepage.

This text is bold

Steps in Creating HTML Documents

1. Type the HTML Codes on the Notepad

2. Save your file as Filename.html in your Folder

3. View on Internet Explorer by double-clicking the file.

To Edit HTML Codes

1. While Viewing on Internet Explorer, click View on Menu Bar.

2. Then Click Source

3. Modify the codes and then save

4. Go back to Internet Explorer, and click Refresh

Tags Attributes - are extra bits of information which appears inside the opening tag

….

Basic Tags

Text Formatting Tags

1.
Line Break

2.

Paragraph

3. Bold

4. Italic

5. Typewriter Text

6. Heading

7. Subscript

8. Superscript

9.

Preformatted Text

10. Font

Attributes: FACE=” “ SIZE=” “ COLOR=” “

Example:

FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example

11.

---

Horizontal Rule

Attributes: WIDTH=” “ COLOR=” “ SIZE=” “

Example:

WIDTH="25%" COLOR="#6699FF" SIZE="6">

Link Tag

12. Anchor

Attributes: HREF=” “

Example:

HREF="http://www.yahoo.com/">My Yahoo

Image and Video Tag

13. Insert Image

Attributes: SRC=” “ WIDTH=” “ HEIGHT=” “ ALIGN=” “

Example:

SRC="Earth.gif" WIDTH="41" HEIGHT="41" >

14. Embed Object

Attributes: SRC=” “ WIDTH=” “ HEIGHT=” “ ALIGN=” “

Example:

src="yourfile.mid" width="100%" height="60" align="center">

Table Tag

15.

Table

Attributes: BORDER=” “ BORDERCOLOR=” “ CELLPADDING=“ “ CELLSPACING=” “ WIDTH=” “

Example:

BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">

Column 1
Column 2

16. Table Row

17. Table Data