2005 HP -1-2005 8 29 30 HP 1 ( ) 1. Web 2. HTML HTML 1 PDF HTML 1 Web HTML http://www.media.ritsumei.ac.jp/kodais2005 2 2.1 WWW HTML Hyper Text Markup Language) HTML Web HTML Internet Explorer http://www.ritsumei.ac.jp HTML 1Web HTML 2.2 HTML HTML < > <title> < > HTML HTML 3 3.1 WWW WWW ( User Agent) Internet Explorer Netscape Mozilla Opera ( ) Internet Explorer 3.2 HTML
Windows HTML 3.3 Windows WWW GIF JPEG PNG 3.4 FTP HTML Web (HTTP ) HTML Web ( ) public_html public_html index.html HTML Web Window FTP Window FTP FFFTP public_html (2) (3) HTML 4.01 Transitional//EN"> <title></title> <p></p> public_html public_html index.html (4) WWW HTML Internet Explorer Internet Explorer & public_html index.html 4 4.1 HTML 1: HTML (1) public_html 2 4.2 Web 2: Web -2-
2005 8 29 30 HP (1)FFFTP FTP FFFTP 3 FFFTP 5 ID ( 6) 6 3 FFFTP (2) 4 remote.is.ritsumei.ac.jp 7 8 7 8 4 remote.is.ritsumei.ac.jp 5 ID (3) Web public_html public_html TA public_html FFFTP 9 9 O.K. -3-
public_html 12 () 9 public_html (4) ( ) () public_html ( 10) 13 OK 14 public_html public_html ( 14) 10 (5) (put) index.html ( 15) ( 11) 11 : 12 () public_html OK 13 15 () ( 16) -4-
2005 8 29 30 HP 16 17 FTP put (a) 17 ( 18) ( 19) (b) 20 ( 21) (a) 18 (b) 21 FFFTP ( 22) 22 FTP 19 (6) ( 20) (7) WWW Internet Explorer URL <http://www.ritsumei.ac.jp/~ > -5-
5 HTML 5.1 HTML HTML / <html <title>html </title> title HTML title <img> </img> <img> HTML HTML 5.2 <img src= alt= > img src= src= src src alt 2 = <img>9 5.3 HTML (1) HTML HTML HTML DTD(Document Type Definition) HTML 4.01 Transitional DTD sample1.html 4.01 Transitional//EN"> (2) HTML HTML html sample2.html (3) head body html head body 2 head HTML body 1 HTML 1 sample3.html -6-
2005 8 29 30 HP (4) title head title title <title> Web sample4.html <title></title> 6 6.1 h1, h2, h3, h4, h5, h6(heading) h h h1 h6 <h1><h2><h3><h4><h5><h6> </h1 /h6> h1 h6 sample5.html <title> </title> <h1> 1</h1> <h2> 2</h2> <h3> 3</h3> <h4> 4</h4> <h5> 5</h5> <h6> 6</h6> 3 6.2 p(paragraph) p WWW <p> </p> sample6.html <title></title> <p> </p> 6.3 HTML br(break) <br><br> <br> <br> <br> sample7.html -7-
<title></title> HTML <br> HTML <br> 6.4 <hr> <ht> <br> <hr> <hr> sample8.html <title> </title> <hr> 4 7 7.1 ( ) em strong <em> </em> <strong> </strong> hn p sample9.html <title></title> <br> <em></em><br> <strong> </strong><br> 7.2 font <font size= color= > size 1 7-3 +2 color 1 black, silver, gray, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal, aqua 16 12 sample10.html <title></title> <font color="red"> </font> <br> -8-
2005 8 29 30 HP <font color="red"> </font> <font color="blue"> </font> <font color="green"> </font> <font color="yellow"> </font> <font color="purple"> </font> 5 8 <ul> </ul> <li> </li> <ul> </ul><li> </li> <p> </p> <ul> </ul> <li> </li> sample11.html <title> </title> <ul> <li> 1</li> <li> 2</li> <li> 3</li> </ul> 6 9 img(image) img img img img src(source)alt src img URL alt WWW WWW Web <img src= alt= > sample12.html <title></title> HTML<br> <img src="logo_rits.gif" alt="logo"> 7 URL 10 <table> </table> <tr> </tr> <td> </td> 3 <th> </th><td> </td> HTML (table ) (tr ) (td th ) 1 1 <td> </td> <th> </th> 1 <tr> </tr> <tr> </tr><table> -9-
</table> 1 <table> <tr> <td> 1 </td> <td> 2 </td> </tr> <tr> <td> 3 </td> <td> 4 </td> </tr> </table> 23 <table border= > </table> <tr> </tr> <td> </td> <th> </th> sample13.html <title></title> <table border= 1 > <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> 8 11 11.1 <a href= > </a> href URL http://www.ritsumei.ac.jp (index.html ) <a href= URL > </a> URL sample14.html <title></title> <p>html </p> <ul> <li><a href="http://www.ritsumei.ac.jp/"> </a></li> <li><a href="http://www.media.ritsumei.ac.jp"> </a></li> </ul> 11.2 URL ( ) herf <a href= > </a> :<a href= index.html > </a> <a href = hobby.html > </a> <a href= / > </a> -10-
2005 8 29 30 HP profile.html hobby.html shumi.html sample15.html <h3></h3> <ul> <li><a href="profile.html"></a></li> <li><a href="hobby.html"></a></li> </ul> <hr> <p><a href="index.html"> </a></p> 12 12.1 body bgcolor <body bgcolor=" " text=" "> HTML silver sample16.html <body bgcolor="black"> sample16.html <body bgcolor="black" text="white"> <body bgcolor=" " text="" link="" alink=" " vlink=" "> HTML sample17.html <body bgcolor="white" text="black" link="blue" alink="red" vlink="green"> link vlink alink ( ) 12.2 16 16 bgcolor=" " " # "#ff0000" "#00ff00" "#0000ff" sample18.html <body bgcolor="#ddffdd"> URL http://www.page.sannet.ne.jp/mtoga/html/ bih-h_x1.htm 13 HTML http://www.tagindex.com 14 HTML HTML HTML (1) -11-
(2) http://www.asahi-net.or.jp/%7esd5a-ucd/www/ (3) (4) Web 1 (5) 1 1 (6) HTML <!-- --> (7) (8)HTML HTML WWW [1] HTML http://www.htmq.com/ [2] Web -12-