99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13
1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text WWW HTML A B HTML (HTML SGML (Standard Generalized Markup Language)[3] ) HTML [4] World Wide Web Consortium (W3C)[5] HTML WWW HTML HTML 4.0[6] HTML 2.0[7], HTML 3.2[8] HTML HTML [9] 1
3 HTML ( ) [10] HTML ( SGML [11] ) HTML 4 HTML 4.1 HTML <ELEMENT ATTRIB="VALUE"> </ELEMENT> <ELEMENT> </ELEMENT> ELEMENT = + + / ATTRIB= VALUE ATRRIB VALUE 2
( etc.) 4.2 HTML HTML HTML HTML HEAD BODY HEAD HEAD BODY TITLE HEAD BODY HEAD H1, H2, H3, H4, H5, H6 (Heading, 1 6 ) H1 H6 ( ) ( ) P (Paragraph, ) </P> HR (Horizontal Rule, ) <HR> UL (Unordered List, ) <UL> </UL> LI(List Item, ) 3
OL (Ordered List, ) <OL> </OL> LI LI (List Item, ) UL, OL </LI> A (Anchor, ) Hyper-Text ( ) <A HREF="http://www.yahoo.co.jp/">Yahoo! Japan</A> HREF WWW Yahoo! Japan NAME STRONG (STRONG emphasis, ) <STRONG> </STRONG> IMG (IMaGe, ) <IMG SRC="hogehoge.gif" ALT="hogehoge "> SRC ALT BR (forced line BReak ) SMALL, BIG SMALL BIG HTML (4.3 ) HTML HEAD TITLE BODY ( etc.) ( etc.) 4
1 1: HTML 4.3 2000 2000 IC 2000 2000 00 99 2000 24 2000 Y2K JAPAN (http://www.y2kjapan.com/) 5
2000 HTML. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>2000 </TITLE> </HEAD> <BODY> <HR> <H1>2000 </H1> <HR> <P> 2000 IC 2000 <STRONG> </STRONG> 2000 00 99 <P> 2000 24 2000 <P> <A HREF="http://www.y2k.org/">Y2K (http://www.y2k.org/)</a> <HR> </BODY> </HTML> 6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> HTML 4.0 Transitional SGML HTML 3.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> HTML 2.0 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> HTML <HTML> </HTML> HTML HTML HEAD BODY HEAD <HEAD> </HEAD> HEAD HEAD (TITLE) <TITLE> </TITLE> WWW Internet Explorer Netscape Navigator HEAD BODY <BODY> </BODY> BODY BODY (HR) <HR> 1 (H1) <H1> </H1> (P) <P> </P> ( ) (STRONG) (P) <STRONG> </STRONG> (A) HREF WWW Internet Explorer 2 WWW 7
2: Internet Explorer 5 HTML 5.1 WWW http:// URL Yahoo! Japan goo NHK 8
<!DOCTYPE HTML PUBLIC "-//W3C//DTD//HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <H1> </H1> <P> <HR> <UL> <LI> <UL> <LI><A HREF="http://www.yahoo.co.jp/">Yahoo! Japan</A> <LI><A HREF="http://www.goo.ne.jp/">goo</A> </UL> <LI> <UL> <LI><A HREF="http://www.nhk.or.jp">NHK</A> <LI><A HREF="http://www.sbs-np.co.jp/"> </A> </UL> <LI><A HREF="http://www.tokoha.ac.jp/"> </A> </UL> <HR> </BODY> </HTML> HTML 9
5.2 HTML Windows HTML 1. 3 1 2 3: 2. 4 index.html Internet Explorer [12] 4: index.html 3. 5 5: 10
4. 6 CTRL XFER 6: 5. 7 7: 6. 8 Internet Explorer 9 4 5, 6 11
8: 9: 5.3 BODY TEXT, BG- COLOR, LINK <BODY> <BODY TEXT="BLUE" BGCOLOR="GRAY" LINK="RED"> [13] [14] 12
6 HTML HTML WWW HTML HTML WWW [15] HTML JAVA [16] 7 WWW WWW HTML HTML [1] http://www.asahi-net.or.jp/%7ejy3k-sm/i net/books.html HTML HTML 2 (1998 ) + + HTML WWW (1995 ) HTML [2] WWW = via Internet http://www.asahi-net.or.jp/%7ejy3k-sm/i net/ 13
http://web.kyoto-inet.or.jp/people/harunobu/iitai.html [3] SGML XML (extensible Markup Language) SGML SGML http://www.utj.co.jp/sgml/sgmlmain.htm W3C Extensible Markup Language (XML) http://www.w3.org/xml/ [4] HTML http://www.asahi-net.or.jp/%7ewq6k-yn/konomac.html [5] W3C http://www.w3.org/ [6] HTML 4.0 HTML 4.0 Specification, http://www.w3.org/tr/rec-html40/ HTML http://www.asahi-net.or.jp/%7esd5a-ucd/rec-html40j/ http://www.asahi-net.or.jp/%7ebd9y-ktu/html4rec f/cover.html [7] HTML 2.0 http://www.w3.org/markup/html-spec/ [8] HTML 3.2 http://www.w3.org/tr/rec-html32.html [9] IBM http://www.ibm.co.jp/barrierfree/ Web http://www.jeida.or.jp/document/kokoroweb/ Campaign for Accessible Web http://www.cc.rim.or.jp/ Web Accessibility Initiative (WAI), http://www.w3.org/wai/ [10] HTML ( WWW ) Cascading Style Sheet (CSS, Web Style Sheets, http://www.w3.org/style/ ) [11] HTML DTD http://www.asahi-net.or.jp/%7ewq6k-yn/readdtd.html 14
[12] Windows [13] RGB Hexadecimal Color Chart, http://www.phoenix.net/%7ejacobson/pages/rgbhex.html http://server01.tokoha-u.ac.jp/( ) [10] CSS [14] HTML Another HTML-lint gateway, http://openlab.ring.gr.jp/k16/htmllint/htmllint.html [15] http://server01.tokoha-u.ac.jp/deguchi/( ) [16] JAVA JAVA http://www.nep.chubu.ac.jp/%7enepjava/applet.htm [17] HTML http://www.big.or.jp/%7etoda/html/ HTML http://kanzaki.com/docs/htminfo.html HTML http://www.din.or.jp/%7etkent/goodhtml.html http://www.freepage.total.co.jp/mina/raku/rakumain.htm WWW http://wakusei.cplaza.ne.jp/twn/www.htm inetguide- http://internet.inetg.com/homepage/homepage.html 15