HTML (continued)

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

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

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

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

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

Block quote Example: Heading Block quote

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

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

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

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

Add character tags into webpage CGS2100 Lab Student's name: your name Lab section: 00## Lab instructor: Yuping Shen

Horizontal line

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©

Special Characters

Decoration of the text Text displaying Example: Text

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)”

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

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