HTML 12 HTML DOCTYPE HTMLHTML HTML HEADHEAD META

  • Slides: 33
Download presentation

HTML 12

HTML 12

HTMLの構造 • <!DOCTYPE> ドキュメントタイプの宣言 • <HTML>~</HTML> HTML文書だということの宣言 – <HEAD>~</HEAD> 文書のヘッダ情報 • <META /> その文書に関するメタ情報

HTMLの構造 • <!DOCTYPE> ドキュメントタイプの宣言 • <HTML>~</HTML> HTML文書だということの宣言 – <HEAD>~</HEAD> 文書のヘッダ情報 • <META /> その文書に関するメタ情報 • <TITLE>~</TITLE> 文書のタイトル – <BODY></BODY> 文書本体 <!DOCTYPE HTML PUBLIC "//W 3 C//DTD HTML 4. 01//EN" "http: //www. w 3. org/TR/html 4/strict. dtd" > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>テストページ</title> </head> <body> </html>

CSS 15

CSS 15

Java. Script 18

Java. Script 18

変数・データ型 • 基本データ型は数値、文字列、論理値の 3種類 – ex 3. html • 数値 • 文字列 • 論理値

変数・データ型 • 基本データ型は数値、文字列、論理値の 3種類 – ex 3. html • 数値 • 文字列 • 論理値 var num = 1; alert(num); num = 3. 14 alert(num); var message = ‘Hello, World!’; alert(message); var bool = true; alert(bool); bool = false; alert(bool); 24

document. write関数 • document. write(引数)-引数をHTMLとして表示させる • ex 8. html var str = "Hello, World";

document. write関数 • document. write(引数)-引数をHTMLとして表示させる • ex 8. html var str = "Hello, World"; document. write("<p>" + str + "</p>"); document. write("<p style='color: red; '>" + str + "</p>"); 27