Chinese Building
description
Transcript of Chinese Building
Chinese BuildingChinese BuildingChinese BuildingChinese Building
Today’s Topic
• Review last lab• Links
Skeleton of a html page
<html> <head> </head> <body> </body>
</html>
Attributes
• Attributessupplement information an
elements (tags) give to the browser -- tags tell browsers what to do -- attributes tell browsers how to do
<HR> horizon line
• <HR>’s attributes(1) size <hr size = 10>(2) width < hr width= 50> <hr width= 50%>
(3) align <hr align=left> <hr align = right>
Formatting Text(1)• Headers
six levers <h1> … <h6><H1> … </H1>..<H6> … </H6>
Font --Formatting Text(2)
• The <FONT> tag uses following attributes:– Size: can be relative (+2, -2 ,etc..) or
absolute (1-5)– Color: for now you can make this red, blue,
etc...
<FONT size='+2' color='red'>Born: November 16, 42 BC</FONT><BR>
Control Size?• Absolute size (1.. 7)
<font size= 4> … </font>
Changing the actual Font?
• In that case use the face attribute
<FONT face='arial'>Navigating the Internet
</FONT><BR>
Background Color
• The bgcolor of the <BODY> tag<BODY bgcolor='yellow'>
a summary is at plaza.ufl.edu/yuyang/lab4/bgcolor.htm
<CENTER> tag• Causes enclosed block to be
centered
<CENTER> …… </CENTER>
Links
•Relative–Links to things on your website
•Absolute–Links to things not on your website
•Others–Things like email links
Absolute Links
• These are the complete urls that you see in a browser address bar.
• Specify the absolute location of a website or a page
Ex. http://www.yahoo.com
http://www.cise.ufl.edu/class/cgs3066sp04
Relative Links
• Relative to what?– Relative to our current page, could be
just a filename•myimage.jpg
– Or a directory and filename•pictures/myimage.jpg
– Relative to our site•/myimage.jpg
Mail Link
• This works somewhat like a absolute link– mailto:[email protected]
<A HREF=mailto:[email protected]>… </A>
More about mailto link
<A href="mailto:[email protected]? [email protected]& [email protected]& subject=Summer%20Party& body=Hello%20world! ">
Send mail! </A>
How do we put it on our page
• The Anchor tag <A> – Has a attribute href which value is our link– Inside the Anchor block we put the text or
image that we want to click.<A href='http://www.yahoo.com'>Yahoo</A>
<A href=“lab1.html”>Lab 1</A>
Open a link in a new browser window
<a href=“mypage.htm" target="_blank">
My page </a>
Link to a location on the same page
• Pagemark (bookmark) #mymark Define: <A NAME=“mymark”> …</A> Usage: <A href=“#mymark”> … </A>
Link to named anchor in other pages
• In page one, page1.html, we have <A name=“anchor1”> Here are
</A>… In page two, we can write <A href=“page1.html#anchor1> …. </A>
Assignment