1. HTMLの基本と基本タグ - 最速HTML入門

作成者: sakkke
作成日: 2024-04-13
更新日: 2024-04-14

HTMLとは

HTML
HyperText Markup Language (ハイパーテキスト・マークアップ・ランゲージ)

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

HTMLの基本

見出し段落要素と呼びます。 要素は、タグで囲んで表します。

タグの例

<h1>基本</h1>

基本タグ

この章では、見出しと段落の表し方を学びます。

見出しの表現方法

<h1>は見出し (heading) を表す要素です。 見出しには6つのレベルがあります。

レベル タグ
1 <h1>
2 <h2>
3 <h3>
4 <h4>
5 <h5>
6 <h6>

見出しタグの使用例

<h1>基本</h1>

見出しタグを使って自己紹介テンプレートを表現しよう!

<h1>自己紹介テンプレート</h1>
<h2>名前</h2>
山田 太郎
<h2>学部</h2>
情報学部
<h2>学科</h2>
情報学科
<h2>趣味</h2>
プログラミング

自己紹介テンプレート

名前

山田 太郎

学部

情報学部

学科

情報学科

趣味

プログラミング

段落の表現方法

<p>は段落 (paragraph) を表す要素です。

段落タグの使用例

<p>テキスト</p>

段落タグを使ってメールを表現しよう!

<br />
改行を表す要素です。

<p>
  佐藤さん
</p>
<p>
  おはようございます。オープンソース推進部の山田太郎です。
</p>
<p>
  リマインドです。明日の天気は晴れです。
</p>
<p>
  よろしくお願いします。
</p>
<p>
  オープンソース推進部
  <br />
  山田 太郎
</p>

佐藤さん

おはようございます。オープンソース推進部の山田太郎です。

リマインドです。明日の天気は晴れです。

よろしくお願いします。

オープンソース推進部
山田 太郎