MENU
オンライン講座開催中

【初めて学ぶHTML基礎】書き方、書く順番、よく出るHTMLタグ

htmlきほんのき
目次

HTMLとは

HTML(エイチティーエムエル)とは、HyperText Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略語。

ウェブサイトのコンテンツの構造を作るために使うコード

ページ内の情報を構造化し、見出し、本文、サイドバーなどを明確化する目的で使用します。

にゃんこ1

タイトルは、ここ~ここまで。ひとくくりの文章は、ここ~ここまでなど…。パソコンさんが、解るように、教えてあげるにゃ(ΦωΦ)。

にゃんこ2

見た目を整えるのは「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>
にゃんこ1

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

テキスト

<p>テキスト</p>

改行

br

<p>テキ<br>スト</p>
にゃんこ1

テキ
スト
になるにゃ。

画像

img

<img src="画像の場所(jpgデータ場所やURL指定)" 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、span

  • divは囲う部分を指定
  • spanは、囲った部分をグループ化することができる。(改行しないマン)
にゃんこ1

CSSを使用するときに目印付けで使うにゃ。あと、

詳しくは講座に来てね

htmlきほんのき

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

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