HTML文書の作成

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "HTML文書の作成"

Transcription

1 99 C HTML HTML HTML HTML HTML

2 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 3 HTML ( ) [10] HTML ( SGML [11] ) HTML 4 HTML 4.1 HTML <ELEMENT ATTRIB="VALUE"> </ELEMENT> <ELEMENT> </ELEMENT> ELEMENT = + + / ATTRIB= VALUE ATRRIB VALUE 2

4 ( 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

5 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

6 1 1: HTML IC Y2K JAPAN (http://www.y2kjapan.com/) 5

7 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> <P> <P> <A HREF="http://www.y2k.org/">Y2K (http://www.y2k.org/)</a> <HR> </BODY> </HTML> 6

8 <!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

9 2: Internet Explorer 5 HTML 5.1 WWW URL Yahoo! Japan goo NHK 8

10 <!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

11 5.2 HTML Windows HTML : 2. 4 index.html Internet Explorer [12] 4: index.html : 10

12 4. 6 CTRL XFER 6: : 6. 8 Internet Explorer 9 4 5, 6 11

13 8: 9: 5.3 BODY TEXT, BG- COLOR, LINK <BODY> <BODY TEXT="BLUE" BGCOLOR="GRAY" LINK="RED"> [13] [14] 12

14 6 HTML HTML WWW HTML HTML WWW [15] HTML JAVA [16] 7 WWW WWW HTML HTML [1] net/books.html HTML HTML 2 (1998 ) + + HTML WWW (1995 ) HTML [2] WWW = via Internet net/ 13

15 [3] SGML XML (extensible Markup Language) SGML SGML W3C Extensible Markup Language (XML) [4] HTML [5] W3C [6] HTML 4.0 HTML 4.0 Specification, HTML f/cover.html [7] HTML 2.0 [8] HTML 3.2 [9] IBM Web Campaign for Accessible Web Web Accessibility Initiative (WAI), [10] HTML ( WWW ) Cascading Style Sheet (CSS, Web Style Sheets, ) [11] HTML DTD 14

16 [12] Windows [13] RGB Hexadecimal Color Chart, ) [10] CSS [14] HTML Another HTML-lint gateway, [15] ) [16] JAVA JAVA [17] HTML HTML HTML WWW inetguide- 15

山梨県ホームページ作成ガイドライン

山梨県ホームページ作成ガイドライン 17 7 ...1...4...4...4...4...5...5 W3C...5...6...6...6...7...8...8...10...10...10... 11...12...12...13...13...13...14...14...14...15...15...16...16...16...16...16...17...18 15 (2003 ) 69.7 81.1 43.6 19.6

More information

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6..................... web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................

More information

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 : 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 2 : : 1 1 : 3 : 2 (.ppsx) (A0nxxyyy.ppsx) presen (1 ) ID:A0nxxyyy Name: Title: 3 HTML (HyperText Markup Language) 4 ( ) http://pweb.cc.sophia.ac.jp

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

More information

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3 129 11 Web IT ( 11.1) 1990 2004 2006 JIS 1 Windows 2 Web Web 11.1: 11.1 11.1.1 1 Ctrl ( ) 11.2 (U) (A) ( OK ) (S) 1 (JIS X 8341-2) (JIS X 8341-3) FAX (JIS X 8341-4) 8341 JIS JIS X8341 http://www.jisc.go.jp/

More information

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 XHTML DOM JavaScript 2 2008 7 1 1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 2.1.2 HTML.........................

More information

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information