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

<TITLE>

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. 2. 3. 4.

While Viewing on Internet Explorer, click View on Menu Bar. Then Click Source Modify the codes and then save 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. <SUB>

Subscript

8. <SUP>

Superscript

9.

Preformatted Text

10. Font Attributes: FACE=” “ SIZE=” “ COLOR=” “ Example: Example 11.

---

Horizontal Rule

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

---

Link Tag 12.

Anchor

Attributes: HREF=” “ Example: My Yahoo

Image and Video Tag 13.

Insert Image

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

14. <EMBED>

Embed Object

Attributes: SRC=” “ WIDTH=” “ HEIGHT=” “ ALIGN=” “ Example: <EMBED src="yourfile.mid" width="100%" height="60" align="center"> Table Tag 15.

Table

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

Column 1

Column 2

16.

Table Row

17.

Table Data

Assignment:

(Due: 8/20/07)

Write your own Resume in a short bond paper. Include the following: Objective I. Education II. Computer Skills (in bulleted Form) III. Skills:    

Visual Basic Programming Computer Troubleshooting Writing Drama IV. Experience V. Organizations VI. Activities VII. Volunteer Works VIII. Personal Details: (in table Format) Name Age Birthday Birthplace Height Weight Father’s Name Mother’s Name Address

1. Education from Elementary to College in Table Format Education 2. Skills in Bulletted Format 3. Bring a digital photo of yours.