Scribd
Upload
44 views26 pages

Lab01 - HTML I

This document provides instructions for creating a basic webpage using HTML tags in Notepad. It covers how to open Notepad, save an HTML file, add common text formatting tags like headings, paragraphs, lists, and links. It also shows how to center text, add comments, and insert an image. The goal is to create a simple "Hello World" webpage that can be viewed locally in an internet browser.

Uploaded by

jason_cheong_6
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
44 views26 pages

Lab01 - HTML I

This document provides instructions for creating a basic webpage using HTML tags in Notepad. It covers how to open Notepad, save an HTML file, add common text formatting tags like headings, paragraphs, lists, and links. It also shows how to center text, add comments, and insert an image. The goal is to create a simple "Hello World" webpage that can be viewed locally in an internet browser.

Uploaded by

jason_cheong_6
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

LAB 1: XHTML I

1) NOTEPAD

a. From Start Menu, select Programs -> Accessories ->


Notepad.

1
2
2) INTERNET BROWSER

3
3) SIMPLE WEBPAGE - Hello World

4
4) SAVE

a. Select File -> Save (Or Alt + F + S)


Note: You can save the file by press Ctrl + S.
b. Inside Save in drop-down, select Desktop

c. Create a New Folder by click icon.


d. Type HTML

5
e. Double click the HTML folder.
f. Inside File name drop down, type index.html
g. Inside Save as type drop down, select All files
h. Press Save button.

6
5) LAUNCH

a. Press WinKey + M to minimize all windows.


b. Open HTML folder.
c. Double click index.html

7
6) COMMENT

8
7) FAST SAVE AND PREVIEW

a. Press Alt+F+S to save


b. Do not release Alt
c. Press Alt+Tab to change window
Note: If the window for Browser is far, you can press Tab until the
window is selected.

d. Press F5 to refresh Internet Explorer


Note: Press Ctrl+R to refresh Netscape Navigator

9
8) BODY ELEMENT ATTRIBUTE BGCOLOR AND TEXT

10
9) FONT ELEMENT

11
10) PARAGRAPH ELEMENT

12
11) HEADER ELEMENT

13
12) HYPERLINK

14
13) STRONG ELEMENT

15
14) BOLD, ITALIC, UNDERLINE, STRIKE ELEMENT

16
15) BREAK ELEMENT

17
16) ANCHOR

a. Create a new page, save it as page1.html

b. Inside, index.html, create a link to page1.html

18
17) NEW WINDOW

19
18) EMAIL ANCHOR

20
19) ADD AN IMAGE

21
20) UNORDERED LIST

22
21) ORDERED LIST

23
22) NESTED LIST

24
23) CENTER

25
24) EXERCISE

Reference Books, click here

26

You might also like