HTMLでwebサイトを作成する

用語

要素

<h1>HTML</h1>

タグも含めた、これ全体を要素と呼ぶ
h1は要素名である

属性

書き方

<要素名 属性="属性値">

1.要素名の後ろに半角スペース
2.属性に = を付ける
3.属性値を " or `で囲む

要素名に対して、属性という設定をつけるイメージ

意味

要素名の、属性（設定）は、属性値

と置き換えて読めばいい

例

<img src="http://......">

画像(img)の場所(src)は”http://.....”(url)

語法一覧

見出しをつける

書き方

<h1>見出し</h1>
<h2>見出し</h2>
.
.
.
<h6>見出し</h6>

<h1>...</h1>から<h6>...</h6>まで大見出し、中見出し、子見出しと昇順で重要度は低くなる

リンクを貼る

書き方

<a href="http://.......">リンク名</a>

ブラウザにURLは表示されない

段落をつける

書き方

<p>段落</p>

見出し以外の要素に使用

画像の表示

書き方

<img src="http://......">

img 要素はテキストを囲まないので、終了タグは不要

リストの表示

書き方

<li>リスト</li>

リストの種類

•箇条書きリスト

書き方

<ul>
 <li>赤</li>
 <li>青</li>
 <li>黄</li>
</ul>

表示

•赤
•青
•黄

•順序付きリスト

書き方

<ol>
 <li>赤</li>
 <li>青</li>
 <li>黄</li>        
</ol>

表示

1.赤
2.青
3.黄

•説明リスト

書き方

<dl>
 <dt>質問A</dt>
 <dd>回答A</dd>
 <dt>質問B</dt>
 <dd>回答B</dd>      
</dl>

表示

質問A
   回答A
質問B
   回答B

参照

Progate
HTML & CSS 初級編

[初学者] HTMLでwebサイトを作成するために必要な知識 ①