関連図書案内

好評発売中 !

ＨＴＭＬ５でモバイルアプリ開発入門

●B5変 カラー 257頁●定価（本体2,600円＋税）

2012年2月発売！

JavaバイブルシリーズＪａｖａ入門　Ｊａｖａ７版

●B5変 約360頁●定価（本体2,000円＋税）

2012年2月発売！

Javaバイブルシリーズオブジェクト指向プログラミングＪａｖａ７版

●B5変 約400頁●定価（本体2,000円＋税）

2012年2月発売！

JavaバイブルシリーズＷｅｂアプリケーション構築Ｊａｖａ７版

●B5変 約350頁●定価（本体2,800円＋税）

ISBN978-4-88647-989-1C3055 ¥2000E

編者： SCCライブラリーズ制作グループ

・本書に記載されたURL等は執筆時点でのものであり、予告なく変更される場合があります。

・�本書の使用（本書のとおりに操作を行う場合を含む）により、万一、直接的・間接的に損害が発生し

ても、出版社および著者は一切の責任を負いかねますので、あらかじめご了承下さい。

・Microsoft、Windowsは米国Microsoft�Corporationの米国およびその他の国における登録商標です。

・その他、本書に記載されている会社名、製品名などは、一般に各社の商号、登録商標または商標です。

・本書ではTMおよび®の記載は省略しました。

LAN

Twitter Facebook (SNS) GPS

SNS

Web

Web WebWeb

WebHTML Web HTMLWeb HTML

(CSS)JavaScript

Web HTML

HTML5 CSS CSS3 JavaScript

Web

HTML5HTML5 Web

URL http://www.scc-kk.co.jp/scc-books/support/B-360/support.html

90

1 Web 2 3 4 5 6 JavaScript

HTML

1 l I 0 o O

1 Web ························································· 1

1.1 Web ······························································· 2 1.1.1 ················································· 2 1.1.2 Web ···························································· 5 1.1.3 Web ······················································ 7

············································································· 8 1.2 Web ·································································· 9

1.2.1 HTML ············································································ 9 1.2.2 ································· 13 1.2.3 ·········································· 15

············································································ 16 1.3 HTML ··························································· 18

1.3.1 HTML ············································ 18 1.3.2 DOCTYPE ······························································ 21 1.3.3 HTML ································································· 22 1.3.4 HTML ································································· 24

············································································ 26 1.4 ······························································· 27

1.4.1 ··················································· 27 1.4.2 ·········································· 28 1.4.3 ····································································· 31 1.4.4 Web ························································ 33

············································································ 35 ····················································································· 36

2 ············································································· 37

2.1 ····································································· 38 2.1.1 ············································· 38 2.1.2 ······································· 40 2.1.3 ·································································· 43

············································································ 50 2.2 ··········································································· 51

2.2.1 ·································································· 51 2.2.2 img ········································································ 51

2.2.3 ··················································· 54 ············································································ 56

2.3 ···························································· 57 2.3.1 ··················································· 57

2.3.2 ······························································· 58 2.3.3 ························································· 60 2.3.4 ····································································· 61

············································································ 64 2.4 ··········································································· 65

2.4.1 ·································································· 65 2.4.2 ········································································ 68

············································································ 71 ····················································································· 72

3 ························································· 73

3.1 ················································································· 74 3.1.1 ····································································· 74 3.1.2 ···························································· 75 3.1.3 ······························································· 77 3.1.4 ·································································· 79 3.1.5 ······················································ 81

············································································ 84 3.2 ·············································································· 85

3.2.1 ·································································· 85 3.2.2 ······························································· 86 3.2.3 ···································· 88 3.2.4 ································· 90

3.2.5 ················································ 92 ············································································ 95

····················································································· 96

4 ······································································· 97 4.1 ········································································ 98

4.1.1 ······························································· 98 4.1.2 ··················································· 99 4.1.3 form ···························································· 100

·········································································· 104 4.2 ····························································· 105

4.2.1 ·············································· 105

4.2.2 ····································· 109 4.2.3 ·············································· 112

·········································································· 115 4.3 Web ················································ 116

4.3.1 Web ························································· 116 4.3.2 ····························································· 117

·········································································· 124 ··················································································· 125

5 CSS3 ·········································································· 127

5.1 CSS ··········································································· 128 5.1.1 CSS CSS3 ················································ 128 5.1.2 CSS3 ································································· 129 5.1.3 CSS ···························································· 132 5.1.4 CSS3 ··························································· 135

·········································································· 143 5.2 ································································ 144

5.2.1 ····························································· 144 5.2.2 CSS3 ····················································· 150 5.2.3 ····························································· 155

·········································································· 160 5.3 CSS3 Web ·········································· 161

5.3.1 ······································································ 161 5.3.2 ····························································· 164 5.3.3 ·············································· 167

·········································································· 171 ··················································································· 172

6 JavaScript ································································· 173

6.1 JavaScript ·································································· 174 6.1.1 ····································· 174 6.1.2 JavaScript ························································· 175

·········································································· 181 6.2 ··············································································· 182

6.2.1 if ············································································· 182 6.2.2 for ················································ 187

·········································································· 191 6.3 JavaScript ········································· 192

6.3.1 ············································································ 192

6.3.2 JavaScript ·············································· 195 6.3.3 ············································································ 198

·········································································· 203 6.4 ············································································ 204

6.4.1 ·························································· 204 6.4.2 ································································ 206 6.4.3 ················································· 208

·········································································· 216 ··················································································· 218

······················· 220

·························································································· 221

A. Web ···················································· 222 A.1 XAMPP ··················································· 222 A.2 Apache ········································ 229 B. ································································· 231 B.1 Favicon ·············································· 231 B.2 ··················································· 232 B.3 Favicon.ico ··························································· 232 C. HTML5 ············································ 234 D. CSS3 ········································· 268 E. JavaScript ···· 288 F. Web ·········································································· 298 F.1 Web ···························································· 298 F.2 ··································································· 300

··························································································· 303

第１章

Webページの基本

普段、何気なく利用しているWebサイトのサービス。では、どんな仕組みでWebサイトが動いているのかご存じでしょうか？この章では、インターネットやWWWの仕組み、Webページの構造、HTMLの基本を学びます。

第１章

Web

Web World Wide

Web WWW

WWW HTTP(HyperText Transfer Protocol)

HTTP

第１章

第１章

WWW Web Web

Web Web

HTTP Web

URL

URL Uniform Resource Locator Web

WWW URL Web

Web

URL

Web

Web

Web

B

Web A Web B Web C

Web B

C

Web C

Web URL

Web

Web HyperText

Markup Language HTML

Web HTML

HTML

Internet Explorer Safari Google Chrome Firefox Opera

<?xml version="1.0" encoding="shift_jis"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Web

HTMLHTML

第１章

第１章

HTTP Web Web

Web

Web Web

Web HTML Web HTML

HTML Web Web

Web

Web

Web

Web

Common Gateway Interface CGI

CGI Web

Web

Web

Web

A

B

A C

CGI HTML

Web Web

Web Web Web CGI

CGI

Perl PHP Python Ruby

Web

Web Web

Oracle Java Microsoft

.NET

Web

第１章

第１章

CGI

Web

Web

Web

Web

Web

Oracle Oracle Microsoft SQL Server IBM

DB2 MySQL PostgreSQL

HTTP Web Web

Web HTML

URL

Web

HTML Web

Web

Web

第１章

第１章

Web Web Web

HTML

Web HTML CSS JavaScript

WWW Web Web HTML

Web Web

HTML

sample10.html

HTML

HTML5

.html Windows HTML

Internet Explorer 9

sample10.html html HTML

HTML <title>

<body>

HTML

sample11.html

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title> HTML</title> </head> <body> HTML5 </body> </html>

HTML < > </ >

<title> </title> HTML

sample11.html IE9

Internet Explorer 9

HTML World Wide Web Consortium W3C HTML

第１章

第１章

2012 HTML W3C 1999

4.01

4.01 HTML Extensible HyperText Markup Language XHTML

XHTML Web

Web Applications 1.0

Web Forms 2.0 XHTML

Web Applications 1.0 Web Forms 2.0

HTML5

HTML5

HTML5 CSS3 JavaScript API HTML

HTML5

Flash

Web

Cookie

W3C HTML HTML

Windows

Windows Vista/7

[ ]

[ ]

[ ] [×]

第１章

第１章

Cascading Style Sheets CSS Web

40

<style type="text/css"> </style> CSS

sample12.html

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title> HTML</title> <style type="text/css"> span{ font-size: 40px } </style> </head> <body> <p> <span>HTML5</span> </p> </body> </html>

CSS

Internet Explorer 9

HTML4.01

CSS HTML5

CSS

Web

HTML Web

CSS

CSS CSS

CSS

Web HTML5

HTML4.01 Web table Web

table

Web

table

HTML5

CSS

CSS HTML 2011 6

CSS2.1 HTML5 CSS CSS3

CSS3

CSS3 5

第１章

第１章

Web Web HTML

HTML Web

WWW

HTML5

JavaScript

JavaScript

JavaScript European Computer Manufacturer

Association ECMA

JavaScript ECMA-262 3rd 1999

JavaScript JavaScript

Application Program Interface API HTML5

API

JavaScript 6

Ja

HTML

CSS

JavaScript

HTML5

CSS3 JavaScript API

Web

CSS

CSS Web

CSS HTML

CSS

CSS table Web

第１章

第１章

Java

API

Web Web HTML

HTML

HTML

Windows

HTML5 HTML5

Internet Explorer 9 Google Chrome

Firefox Safari HTML5

sample13.html

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5 </title> </head> <body> <h1> HTML5</h1> <p>HTML5 HTML <br> Web </p> </body> </html>

第１章

第１章

sample13.html

Windows 7 C Sample

UTF-8

.html

Windows

Internet Explorer 9

HTML

ISO-2022-JP EUC-JP Shift_JIS UTF-8

Windows Windows-31J Shift_JIS

Shift_JIS Web

UTF-8

HTML

.txt sample01.html.txt

UTF-8

第１章

第１章

HTML HTML

<!DOCTYPE html>

DOCTYPE HTML5

HTML5 HTML HTML 4.01 DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

HTML URL

HTML5 DOCTYPE

DOCTYPE Web

HTML CSS JavaScript

DOCTYPE

Web HTML

CSS HTML CSS

HTML

CSS Web

HTML

2

< > </ >

<

> </ >

sample13.html

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML5 </title> </head> <body> <h1> HTML5</h1> <p>HTML5 HTML <br> Web </p> </body> </html>

HTML

html HTML <html> </html>

HTML html head body

1

第１章

第１章

head meta

title

meta

> /

HTML5 /

/

title title

body body

<h1> <h6> h1

p

p

<br> 1.4

br

P br

CSS

HTML

= "

=" "

< =" "> </ >

< 1=" 1" 2=" 2" > </ >

sample13.html html head body

head body html

html head body

head body html

第１章

第１章

sample13.html

lang

<html lang="ja">

lang ja

en zh ko de

charset

<meta charset="UTF-8">

charset

UTF-8 Shift_JIS EUC-JP HTML5

UTF-8

charset UTF-8

UTF-8

HTML

ID id CSS

class

HTML align

HTML5 CSS

HTML

HTML

HTML

=