100 likes | 273 Views
128.230. Internet, Routers, DNS, and HTML. 10. 14. 11. Chicago. Boston. CNY. 13. Seattle. Yale. 15. NYC. 12. 9. DNS: cs.colgate.edu = 149.43.3.23 ………. 149.43.1.7 149.43.3.23 (cs.colgate.edu) 149.43.2 149.43.80.142 …………. ~chungli public_html/ index.html. Denver. 3. html.
E N D
128.230 Internet, Routers, DNS, and HTML 10 14 11 Chicago Boston CNY 13 Seattle Yale 15 NYC 12 9 DNS: cs.colgate.edu = 149.43.3.23 ……….. 149.43.1.7 149.43.3.23 (cs.colgate.edu) 149.43.2 149.43.80.142 …………. ~chungli public_html/ index.html Denver 3 html SF 7 16 We need a DNS to translate this domain name so the router knows how to forward the message. Suppose the IE is configured to use the DNS in SF DNS: cs.colgate.edu = 149.43.3.23 ……….. 8 17 2 LA 4 Houston 6 1 address: http://cs.colgate.edu/~chungli 5 UCLA cs.ucla.edu/~aaahttp://cs.colgate.edu/~chungli 18 …………. 131.179.128.25 (cs.ucla.edu) …………. I.E. 131.179.128.25/~aaahttp://cs.colgate.edu/~chungli 131.179.128.25/~aaa149.43.3.23/~chungli R 19
Cosmetics & HTML Cosmetics : Tools or material to make up faces Face + (????) HTML : HyperText Makeup Language Tools or material to make up hypertext document HTML Document = Hypertext + HTML Tags
HyperText & HTML • Text, tables, frames, pictures, images, links, scripts, etc. • Computer Language is the instruction to control the computer. • HTML is designed to make the above objects in a hypertext look nicer. How: An html document is stored in plaintext format (why?) but uses tags to distinguish the text for the reader from the instructions to the computer. An HTML document can: Provide information to Search Engines, instruct web browsers (IE, Netscape, Hotjava..), send and collect information to and from web vierwers.
Text and HyperText Mathematicians and Philosophers by Chung-Chih Li Rene Descartes: "I am thinking, therefore I exist." Descartes was the most important figure in modern mathematics and philosophy, and this probably is the most famous say of Descartes; but what does it really mean? The existence is established necessarily via mankind's awareness, which seemed self-evidence to Descartes, but some obvious objections followed immediately. You may want to see the excellent debate in Meditations on First Philosophy edited by John Cottingham --, which is a collection of Descartes' Meditations, their objections, and Descartes' replies. "The brain is a machine." <h1> Mathematicians and Philosophers </h1> <div class="author">by Chung-Chih Li </div> <h3> Rene Descartes: </h3> <h4> "I am thinking, therefore I exist.“ </h4> Descartes was the most important figure in modern mathematics and philosophy, and this probably is the most famous say of Descartes; but what does it really mean? The existence is established necessarily via mankind's awareness, which seemed self-evidence to Descartes, but some obvious objections followed immediately. You may want to see the excellent debate in <em class="s"> Meditations on First Philosophy </em> edited by <strong> John Cottingham </strong> --, which is a collection of Descartes' Meditations, their objections, and Descartes' replies. <h4> "The brain is a machine. " </h4> Text: Every letter in a text document is for its reader to read. HTML Document: Some letters or words are not for its reader to read but for computer to control the appearance of the text or perform some tasks; text, tables, frames, pictures, images, links, scripts, etc. makeup
How to create HTML documents? • Using tools, HTML editor, Web editor: Netscape Composer, MS Frontpage • Learn HTML tags and using a plaintext editor to create HTML documents. PlainText editor : Only the letters seen on the editor screen will be stored (in ASCII), e.g, notepad, vi, emacs, winedt..
Tags In general, a tag is an instruction to instruct the web browser how to present the objects ; <h1>This is H1</H1> start tag end tag End tag closes the effect of start tag. Some tags do not have end tags, e.g. <br> : line breaking
Structure of an HTML document <html> <head> • In this head section, the web author can provide information about the page to the web browsers or search engines. </head> <body> • This is section where the web author puts the material for his/her readers to see. </body> </html>
Attributes of a Tag Some tags use attributes to specify how to perform their functions. <font color=“green”> Turn me into green </font> Attribute name Attribute value We can specify more than one attribute in a tag. E.g. <font color=“green” size=+2> Turn me bigger and green </font>
<HR> tag Some tags generate objects for the web browser. <hr size=10 color=“green" align="left" width=20%> <hr size=10 color=“red" align=“center" width=50%>
<head> Tag <title> Basic HTML </title> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <meta name="Author" content="Chung-Chih Li (Dennis)"> <meta name="GENERATOR" content="Microsoft FrontPage 3.0"> </head>