KinutaHandicraft - ヒント集 - ヒントだよ！HTML & CSS -

■ ヒントだよ！HTML & CSS ■

topへ序 HTML CSS 表計算利用ファイル色指定ソフト/機材参考書など単位記号の例

HTMLの構造 タグの基本タグ(全体) グローバル属性 head内タグ body内タグ

■ HTML
・HTMLの構造

<!DOCTYPE html>
htmlを開始する宣言みたいなものです。HTML5未満では効果があり、どこまでのタグを使うかを宣言していました。
- 例=標準タグを使う(Strict DTD)
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- 例=フレーム以外のタグを使う(Transitional DTD)
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- 例=フレームを含めた全てのタグを使う(Frameset DTD)
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>〜</html>
この中にタグなどを書きます。<html>の前や</html>の後に文字列があってもブラウザに表示されますが…。
<head>〜</head>
この中に適応するCSSの記述やCSSファイルの指定、文字コード、JavaScriptの記述やJavaScriptファイルの指定、ブラウザタブに表示する文字列やファビコンなどを設定します。
<body>〜</body>
この間にブラウザに表示したい文字、タグ、画像などの情報を記述します。

※半角カナ漢字など機種依存性の文字をHTMLファイルに埋め込むと、文字化けして表現したことが表示できなくなる場合がありますので注意が必要です。

・タグの基本

要素

属性

要素

属性

要素

属性

要素

属性値

『要素』が画像表示

『属性』

要素全般に使える

属性

グルーバル属性

※注意！URLやファイル名指定の記述について
URLやファイル名指定で、ローカルではファイル名などの大文字/小文字の区別がなく指定が有効になりますが、
サーバー上ではファイル名などの大文字/小文字を区別するので、ファイル名などとタグの記述が完全に一致しないと指定が無効になります。

・タグなど全体

 コメント部分は表示されません。注意書き等て使います。
表示しない範囲をで囲みます。
<!DOCTYPE html>
HTMLの開始宣言みたいなものです。HTML4系では強い意味がありましたがHTML5以後は、強い意味はありません。
<html 属性="属性値>～</head>
～の間にタグを書きます。
属性はグローバル属性が使えます。
<head 属性="属性値>～</head>
本文としてブラウザに表示されない、設定やキーワードなどを記述するところです。
<body 属性="属性値>～</body>
ブラウザに表示する内容を記述するところです。
属性=グローバル属性が使えます。
廃止相当の属性:text="色、 link="色、 vlink="色、 alink="色、 bgcolor="色、 text="色、 background="URL、はCSSで設定します。
廃止相当の属性:leftmargin、 topmargin、 marginwidth、 marginheight、に対応するCSSをネットで紹介していますが、当サイトでは再現性が確認出来なかったので、以後CSSでの置き換えも使っていません。

HTMLの構造タグの基本 タグ(全体) グローバル属性 head内タグ body内タグ

topへ序 HTML CSS 表計算利用ファイル色指定ソフト/機材参考書など単位記号の例