Web page: this is a plain text document on the World Wide Web. Every Web page is identified by a unique address, or URL. HTML: is the language of the Web. HTML is a series of tags that are integrated into a text document. Web browser: interprets the HTML tags within the pages so the text can be displayed on the screen. Web server: displays Web pages and renders them into final form so they can viewed by anyone with an Internet connection and a Web browser.
Web design is the process of selecting, formatting, and arranging Web content in order to effectively express an idea.
HTML Tags
HTML commands are known as tags or markup. HTML tags define the structure of the Web elements or content. <command>Some Content</command>
Opening tag Closing tag
<head></head>
<title></title>
<body></body>
Heading Tags
Is used to create hierarchy within the document such that some text are assigned as titles while others are assigned as topic or subtopic headers.
<hn align=value>your text here</hn>
Creating Paragraphs
Is defined as a group of text. Paragraph text inserts a space before and after the group of text. <p align=left></p>
Lists
Ordered list: This is generally a numbered list and requires start <OL> and end </OL> tags. Each item in the list begins with <LI> Unordered list: This is generally a bulleted list and requires start <UL> and end </UL> tags. Each item in the list begins with <LI>. Definition list: this is the list of terms with indented definitions. This list requires a start tag <DL>. Additionally, the tag <DT> is required for the term and <DD> is required for the definition.
Text Formatting
Bold: to bold text requires start <B> and </B> end tags. Surround the text with these tags and your text display as bold in your browser. Italics: to display italicized text, use the start <I> and end </I> tags. Underline: to underline text, use the start <U> and end </U> tags.
Aligning a Paragraph
<p align =left> <p align =right> <p align=center>
Quoting Passages
<blockqoute> </blockqoute
Horizontal Rule
<hr>
Invisible Comments
<!-- as a starting tag and --> as an end tag.
Activity 2
1. Launch your text editing program. 2. Create the template:
<html> <head> <title> </head> <body> </body> </html>
</title>
<sup> </sup>
<sub> </sub>
<strong> </strong>
<big> </big> <em> </em> <small> </small>
Preformatting Text
<pre> </pre>
Activity 2-A
1. Launch your text editing program. 2. Open the HTML template document. 3. On the file menu, click Save As. Save the HTML template document as [your name]s Web page.htm 4. Between the start and end TITLE tags, type [Your name]s Web page. 5. Between the two BODY tags, type Welcome to my Web Page 6. On the file menu, click Save. 7. Launch your browser.
Activity 2-B
1. Launch your text editing program and open your Web page document. 2. At the end of the Welcome to my Web page line, add <BR>. 3. Press the [enter] key. 4. Add another <BR> and press the [ENTER] key. 5. Type <P>My teachers name is .</P>. Press [Enter]. 6. Type <P>My Favorite subject is </P>. Press [ENTER] 7. On the File menu, click Save, 8. Launch your browser.
Activity 2-C
1. 2. Launch your text editing program and open your Web page. Click under the last sentence you entered (My Favorite subject is ) and type <CENTER> I like school because:</CENTER> 3. Type a BREAK <BR> tag and press [ENTER]. 4. Type <OL> to begin your ordered list. Press [ENTER]. 5. Type <LI> to begin the first item in the list. 6. Type It is fun. Press [ENTER]. 7. Type <LI> and then type My teachers are good teachers. Press [ENTER]. 8. Type <LI> and then type I have an opportunity to learn about .Press [ENTER]. 9. Type </OL> to end list. 10. Save your file. 11. Display the file in your browser.