| スタイルシートを指定する | ||||||||||||||||||||||
<style type="text/css"> | ||||||||||||||||||||||
スタイルシートの指定方法は、①タグに直接書き込む場合、②<head>～</head>内に記述する場合、
③外部スタイルシートファイルを使用する場合の３通りが有ります。 | ||||||||||||||||||||||
<head>～</head>内にスタイルシートを記述する場合は、この指定を行います。 | ||||||||||||||||||||||
<style type="text/css" media="screen">
<!-- ここにスタイルシートの内容を記述 --> </style> | ||||||||||||||||||||||
| ||||||||||||||||||||||
＊ 複数のメディアタイプを指定する場合は、カンマ（ , ）で区切って記述します。 → media="screen, tv" | ||||||||||||||||||||||
※ スタイルシートに対応していないブラウザのために、記述内容を "<!--" と "-->" で囲んで下さい。 未対応のブラウザでは、「コメント」として扱われます。 | ||||||||||||||||||||||
■スタイルシートの記述例とタグ内での使用例 | ||||||||||||||||||||||
| ||||||||||||||||||||||
| ★ <style>タグの記載位置 | ||||||||||||||||||||||
| ||||||||||||||||||||||
| 関連するページ | ||||||||||||||||||||||
HTML タグページ  ：スタイルシートを直接指定する（<タグ style="...">）
HTML タグページ ：スタイルシートを間接的に指定する（<タグ class="...">）
HTML タグページ ：識別名を指定する（<タグ id="...">） | ||||||||||||||||||||||
Utilety Page (参考) ：「スタイルシート（CSS）の使い方」へ | ||||||||||||||||||||||
|
| 外部スタイルシートファイルを読み込む | ||||||||||||||||||||||||||||
<link rel="stylesheet" type="text/css" href=""> | ||||||||||||||||||||||||||||
スタイルシートの指定方法は、①タグに直接書き込む場合、②<head>～</head>内に記述する場合、
③外部スタイルシートファイルを使用する場合の３通りが有ります。 | ||||||||||||||||||||||||||||
外部スタイルシートファイルを読み込む場合は、<link>タグを使用ます。このタグは<head>タグに囲まれた部分に記述します。 | ||||||||||||||||||||||||||||
<link rel="stylesheet" type="text/css" href="style.css" media="screen"> | ||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||
＊ 複数のメディアタイプを指定する場合は、カンマ（ , ）で区切って記述します。 → media="screen, tv" | ||||||||||||||||||||||||||||
※ 外部スタイルシートファイル（CSSファイル）の拡張子は ".css" になります。 | ||||||||||||||||||||||||||||
※ 外部スタイルシートファイルには、スタイルシートの指定内容だけを記述します。 | ||||||||||||||||||||||||||||
■外部スタイルシートファイルの記述例とタグ内での使用例 | ||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||
| ★ <link>タグの記載位置 | ||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||
| 関連するページ | ||||||||||||||||||||||||||||
| HTML タグページ ：スタイルシートを直接指定する（<タグ style="...">）
HTML タグページ ：スタイルシートを間接的に指定する（<タグ class="...">）
HTML タグページ ：識別名を指定する（<タグ id="...">） | ||||||||||||||||||||||||||||
| Utilety Page (参考)：「スタイルシート（CSS）の使い方」へ | ||||||||||||||||||||||||||||
|
| JavaScriptを指定する | |||||||||
<script type="text/javascript"> | |||||||||
JavaScriptは、①ページ内に記述する場合、②外部JavaScriptファイルを使用する場合が有ります。また、③スクリプト未対応のブラウザでの「表示」もセットで記述します。 | |||||||||
ページ内に JavaScript を記述する場合は、この指定を行います。<script>タグは、<head>～</head>と<body>～</body>のどちらにも記述できます。 | |||||||||
<script type="text/javascript"><!--
ここにスクリプトの内容を記述 // --></script> | |||||||||
| |||||||||
※ JavaScriptに対応していないブラウザのために、記述内容を "<!--" と "// -->" で囲んで下さい。
未対応のブラウザでは、「コメント」として扱われます。 | |||||||||
 JavaScriptを使用する場合は、<head>～</head>内に次の行を記述して下さい。
<meta http-equiv="Content-Script-Type" content="text/javascript"> | |||||||||
| ★ <meta>タグの記載位置 | |||||||||
| |||||||||
|
| 外部JavaScriptファイルを読み込む | |||||||||
<script type="text/javascript" src=""> | |||||||||
JavaScriptは、①ページ内に記述する場合、②外部JavaScriptファイルを使用する場合が有ります。また、③スクリプト未対応のブラウザでの「表示」もセットで記述します。 | |||||||||
外部のJavaScriptファイルを読み込む場合は、<script>タグを使用します。<script>タグは、<head>～</head>と<body>～</body>のどちらにも記述できます。 | |||||||||
<script type="text/javascript" src="script.js"></script> | |||||||||
| |||||||||
※ 外部JavaScriptファイルの拡張子は ".js" になります。 | |||||||||
※ 外部JavaScriptファイルには、スクリプトの指定内容だけを記述します。 | |||||||||
| JavaScriptを使用する場合は、<head>～</head>内に次の行を指定して下さい。
<meta http-equiv="Content-Script-Type" content="text/javascript"> | |||||||||
| ★ <meta>タグの記載位置 | |||||||||
| |||||||||
| 関連するページ | |||||||||
| HTML タグページ ：スクリプト言語を指定する
| |||||||||
|
| スクリプト未対応ブラウザでの表示 |
<noscript> |
JavaScriptは、①>ページ内に記述する場合、②外部JavaScriptファイルを使用する場合が有ります。また、③スクリプト未対応のブラウザでの「表示」もセットで記述します。 |
JavaScriptを使用したページでは、この指定を行います。 |
<noscript>タグに囲まれた内容は、スクリプト未対応のブラウザ、またはスクリプトをオフにしているブラウザで表示されます。スクリプトに対応したブラウザでは、この部分は表示されません。 このタグは、<body>～</body>内で使用します。 |
<noscript>
ここに未対応ブラウザでの「表示内容」を記述 </noscript> |
※ <noscript>～</noscript>内では、他のタグも使用できます。 |