Nguyen Vu
April 12, 2000
Comp212 (6-10 Wed)
Leslie Potter
Assignment 3
Due: April 19, 2000
HTML tutorial 1 Creating a Web Page:
· Read the learning objectives at the beginning of the chapter.
· Draft an outline or map of the chapter main topic and subtopics.
Explore the structure of WWW
Learn basic principles of Web documents
Glimpse into HTML through practice
Tag text elements
Inserts character
Add special characters
Insert horizontal lines
Insert inline graphic image
· Write answers to these questions.
1. Explain the basic components of a web document (links, images, etc.).
Links to connect to other documents
Pages for additional topics
Menu bar with links for access to other documents
Images to gives it color
Heading telling what the page is about
Horizontal lines to separate the topic or picture
Color to contrast the materials
2. Explain the following terms:
- Character tag - a tag apply to individual character (p. 1.26),
- Closing tag - turns off the feature (p. 1.13),
- Extensions - features that only Netscape browser can interpretate (p. 1.10),
- HTML - Hypertext Markup Language, special language that web browsers read(p. 1.8),
- Hypertext document - an electronic file that contains elements that you can select, like a mouse, to open another document (p. 1.4),
- Inline image - a graphic image that is display directly on the web page and is loaded when the page is loaded (p. 1.33),
- Link - takes you to another section of the document or another document (p. 1.5),
- Logical character tags - indicate how you want to use text, not necessarily how you want it displayed (p. 1.26),
- One-sided tag - a special tag that does not requires a closing tag therefore one-sided (p. 1.13),
A tag that does not require an opening and closing tag.,
- Opening tag - the first of two tags that indicates the HTML document codes (p. 1.13),
- Physical character tags - use to indicate exactly how characters are to be formatted (p. 1.27),
- Portability - the ability to work across different computer platforms (p. 1.9),
- SGML - Standard Generalized Markup Language is a group of Web language which include HTML (p. 1.8),
- Syntax - are rules or grammar that HTML operates under (p. 1.9),
- Tags - HTML codes that indicate the document content (p. 1.13),
- Two-sided tag - tag that requires both opening and closing tags (p. 1.13),
- Web browser - software program that accesses the Web document and displays its contents on the user's computer (p. 1.8),
- Web server - computer that stores the Web document that users access (p. 1.8)
3. Describe the use of the logical versus physical html tags?
Logical tags are use to indicate text while physical tags are use to indicate exactly how characters are to be formatted. (p.1.27)
4. Explain how to view html source in a web browser.
Click View and then Source.
5. Explain how to insert character tags and special characters.
To add character tags, you first must know the logical and physical character tags to apply them. Then you would use these tags to encapsulate the text that need character tags. (p.1.26)
To add special characters, you must first know the code for each and then type it in where you would like to place it. (p.1.30)
6. Explain how to insert horizontal lines (called rules).
To add horizontal line, first go to the place where the line will be place and then type in "<HR>". You can specify the line by adding ALIGN, SIZE, and WIDTH. (p.1.32)
7. Explain how to insert graphic images.
To add graphic, first go to where graphic will be display, then type "<IMG SRC="image_name">" where image_name is the path of the image location and name. (p.1.33)
8. Why does the same web page look differently on different browsers?
The browsers select their own ways of displaying the HTML codes and some codes are not compatible to the other browser, as a result, picture or text maybe displaced.
9. Explain the difference in html standards and extensions.
HTML standards is where any browser can display exactly the same while extensions are new development that are being tested and therefore not all browsers are compatible.
10. What does syntax mean - give 2 examples.
Syntax is the rules in writing HTML codes:
· Closing and opening tags required.
· Opening line must state HTML
· Tags must be capitalized.
11. Contrast html converter and html editor.
HTML Converter
Takes text and then convert them into HTML codes thus allowing you to import outside documents into the code. HTML Editor
Adds codes for you while you are creating a HTML file.
(p.1.10)
12. By next Monday, add your name to your html page, place your work on oscar, link to it from your home page, print the source and test it with both browsers.
Have we got to this point, yet?
· What other things have you learned about this topic?
· What were the most important things you learned about this topic?
· What is still unclear about this topic?
· How can you clarify what is still unclear about this topic?