itsukichang

フロントエンドが得意なエンジニア.ダーツと旅行とギターが好き

HTMLとかのお勉強その2

異様に長くなるので、切りのいいところで分割します。

基本的なページを作る為のタグ。

超基本要素。別になくても良かったかもw

タイトル付け。
<title>test</title>

タイトルタグの間に好きなタイトルを書く。それだけ。
この場合 testがページタイトル。

見出し付け。
<body>〜</body>

の中に記述。

使うタグは、

<h1>〜</h1>
 〜〜〜〜〜略〜〜〜〜〜
<body>

<h1>Hello,XHTML!</h1>

</body>
</html>

これで Hello,XHTML!が見出しとして表示される。

文章の表示。
<p>〜</p>

の中に書く。

のpは「paragraph」(段落)の意。

見出しは、

<h>〜</h>

文章は、

<p>〜</p>

それぞれの中に書く。

こういったルールがW3CWorld Wide Web Consortium)で規格としてまとまってるそうです。

XHTMLのルール

  • タグは小文字で。

HTMLは大文字でも小文字でもいいそうですが、XHTMLは駄目な模様。

  • タグはセット。省略も駄目。
  • 空要素の最後は「/」で閉じる。

空要素とは単独で機能するタグのこと。
ex:改行の

<br />

画像表示の

<img />

など。

  • 属性は””で囲む
<img src="image.png"/>

こういった具合に。
HTMLは値だけを指定してもいいらしいですが、XHTMLだと""で囲む必要あり。

タグと要素について。

<h1>test</h1>

タグでマークアップした部分は上のようになり、全体を要素という。

<h1>

マークアップした部分は、h1要素という。