htmlファイル
<!DOCTYPE html>
<html lang="ja">
<head>
<title>タイトル</title>
<link rel="stylesheet" href="外部スタイルシートのアドレス">
<style> セレクタ{プロパティ:値;} </style>
</head>
<body>
<!--
コメント(ブラウザには表示されない)
-->
</body>
</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名でその場所を指示することができる)
HEAD要素
- 文書設定
-
- タイトル…<title>文書(ページ)のタイトル </title>
- メタ情報…<meta>
文書(ページ)の様々な情報(文字コードなど)metaの属性 - name="文字列" content="文字列"
- メタデータ名とその内容をセットで指定
- charset="文字コード名"
- ページで使用される文字コード
- 外部ソース(スタイルシートなど)へのリンク…<link>
linkの属性 - rel="文字列"
- リンク先との関係(stylesheetなど)
- href="URL"
- リンク先ファイルのURL
- ページ内スタイルシート…<style>スタイル設定</style>