目次
HTMLとは
HTML(エイチティーエムエル)とは、HyperText Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略語。
ウェブサイトのコンテンツの構造を作るために使うコード
ページ内の情報を構造化し、見出し、本文、サイドバーなどを明確化する目的で使用します。
にゃんこ1
タイトルは、ここ~ここまで。ひとくくりの文章は、ここ~ここまでなど…。パソコンさんが、解るように、教えてあげるにゃ(ΦωΦ)。
見た目を整えるのは「CSS」さんにゃ(後日談)。
HTML基本
- <>ではじまり、</>で終わる
- 半角英数字で記入
- スラッシュは、「~の中」の意味
HTML記述の順番
- 宣言文(DOCTYPE html)
- 言語(html lang=”言語”)
- ヘッド(head)
- 文字コード(meta charset=”utf-8″)
- タイトル(title)
- CSSリンク(link rel=”stylesheet” href=”リンク先”)
- ボディ(body)
HTMLボディ(body)の中よく出てくるタグ
見出し
h1,h2,h3…の順に
<h1>見出し</h1>
数が小さいほど優先度が高いにゃ。
テキスト
p
<p>テキスト</p>
改行
br
<p>テキ<br>スト</p>
テキ
スト
になるにゃ。
画像
img
<img src="画像の場所(jpgデータ場所やURL指定)" alt="画像の説明">
srcは、画像の保存先指定、altは、説明文にゃ。
リンク
a
<a href="リンク先url">テキストや画像</a>
hrefは、リンク先urlを入れるにゃ。
別タブで開きたい場合「target=”_blank”」を記入
<a href="リンク先url" target=”_blank”>テキストや画像</a>
リスト
ulの間にliで囲う
<ul>
<li>項目やひとかたまり</li>
</ul>
頭に「・」がつく
項目や横並びにしたいときに使用にゃ。
意味を持た無いタグ
div、span
- divは囲う部分を指定
- spanは、囲った部分をグループ化することができる。(改行しないマン)
CSSを使用するときに目印付けで使うにゃ。あと、