1. HTML (continued)

2. Assignment 3 Creating a web page with:  Images  Hyperlinks to some websites  Hyperlinks to your email  Information about a company, products, etc. Post your web page on the pegasus server

3. Inserting an image  path: the location of image file  Absolute path: full path Relative path: relation of file to the current HTML document. The same

4. public_html img home.html logo.gifbuilding.jpg Or Or

5. Inserting an image Important! file-location or filename is case sensitive! img.GIF ≠ img.gif IMg.gif ≠ img.gif Don’t use blank in the filename

6. Heading H1 heading H2 heading H3 heading H4 heading H5 heading H6 heading

7. Block quote Example: Heading Block quote

8. Using and tag: (or,...) Heading content Quote content here...... Example: Grading issue Quote content.

9. BlockQuote To make Indented text  Use embedded blockquote element  Text … Text … 

10. Characters formatting Bold Bold Text result: Bold Text Italic Italic Text result: Italic Text Underlined Underlined Text result: Underlined Text

11. Characters formatting Superscripted Text Text supscript result: Subscripted Text Text subscript result:

12. Add character tags into webpage....... CGS2100 Lab Student's name: your name Lab section: 00## Lab instructor: Yuping Shen Email: nid@pegasus.cc.ucf.edu....

13. Horizontal line

14. Special Characters Special characters like ©, ®, ° HTML supports the use of character symbols that are identified by a code number or code name. &code Example: &copy or &#169©

15. Special Characters

16. Decoration of the text Text displaying Example: Text

17. Applying style to a list Change the marker of a list Attribute style of or  Order list: style=“list-style-type:lower-alpha”  Unordered list: style = “list-style-type:square”  Image as marker: style = “list-style-image:url(Arrow.gif)”

18. Applying style to a list E.g. Line 1 Line 2

19. Other issues Alignment attribute Title Address:.... Heading