HTML講座

htmlファイル

<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<title>タイトル</title>

<link rel="stylesheet" href="外部スタイルシートのアドレス">

<style>
セレクタ{プロパティ:値;}
</style>

</head>

<body>
<!--
コメント(ブラウザには表示されない)
-->
</body>

</html>
■template5.html(ダウンロード)
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8" />
   <title></title>
   <link rel="stylesheet" href="" />
   <style>
   
   </style>
</head>
<body>


</body>
</html>

タグの書き方

  • <タグ名 属性名1="属性値1" 属性名2="属性値2" >要素の中身</タグ名>
    汎用の属性値
    lang="言語指定"
    要素内で使用される言語を設定する。
    日本語ja
    中国語zh
    韓国語ko
    英語en
    ドイツ語de
    フランス語fr
    イタリア語it
    ロシア語ru
    class="クラス名"
    要素を指定したクラスに割り当てる。複数のクラスを割り当てることも可（スペースで繋ぐ）。
    ※クラス－当該要素をより細かく意味づけして分類する
    id="ID"
    要素にIDを割り振る
    ※ID－ページ中その要素固有のIDを割り振る(ページ内外から#id名でその場所を指示することができる)
文書設定
  • タイトル…<title>文書（ページ）のタイトル </title>
  • メタ情報…<meta>
    文書（ページ）の様々な情報（文字コードなど）
    metaの属性
    name="文字列" content="文字列"
    メタデータ名とその内容をセットで指定
    charset="文字コード名"
    ページで使用される文字コード
  • 外部ソース（スタイルシートなど）へのリンク…<link>
    linkの属性
    rel="文字列"
    リンク先との関係(stylesheetなど)
    href="URL"
    リンク先ファイルのURL
  • ページ内スタイルシート…<style>スタイル設定</style>