MENU
オンライン講座開催中
html&css講座開催中

HTMLの基本のき

htmlきほんのき
目次

基本

  • <>ではじまり、</>で終わる
  • 半角英数字で記入
  • スラッシュは、「~の中」の意味

順番

  • 宣言文(DOCTYPE html)
  • 言語(html lang=”言語”)
  • ヘッド(head)
    • 文字コード(meta charset=”utf-8″)
    • タイトル(title)
    • CSSリンク(link rel=”stylesheet” href=”リンク先”)
  • ボディ(body)

ボディ(body)の中

見出し

h1,h2,h3…の順に

<h1>見出し</h1>
にゃんこ1

数が小さいほど優先度が高いにゃ。

テキスト

<p>テキスト</p>

画像

img

<img src="画像の場所" alt="画像の説明">
にゃんこ1

srcは、画像の保存先指定、altは、説明文にゃ。ここにテキストを入力

リンク

a

<a href="リンク先url">テキストや画像</a>
にゃんこ1

hrefは、リンク先urlを入れるにゃ。

別タブで開きたい場合「target=”_blank”」を記入

<a href="リンク先url" target=”_blank”>テキストや画像</a>

リスト

ulの間にliで囲う

<ul>
    <li>項目やひとかたまり</li>
</ul>

頭に「・」がつく

にゃんこ1

項目や横並びにしたいときに使用にゃ。

意味を持た無いタグ

div、class

  • divは囲う部分を指定
  • classは、タグの中の後ろにつけて使う
にゃんこ1

CSSを使用するときに印付けで使うにゃ

詳しくは講座に来てね

htmlきほんのき

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次
閉じる