概要
このページではHTMLの学習用に基本的なコードを記載しています。
基本的なコード
コードの先頭に「これはHTMLです」というのを宣言します。
HTML
<!DOCTYPE html>
コメントアウト
HTML
<!--この中にコメントを記載する-->
コード全体をhtmlタグで囲む
HTML
<html>
ここにコードを書いていく
<html>
pで段落を作成する
HTML
<p>この間に文章を作成していく</p>
h1~h6で見出しを作成する(h1が一番大きい見出し)
HTML
<h1>一番目に大きい見出し</h1>
<h2>一番目に大きい見出し</h2>
<h3>三番目に大きい見出し</h3>
<h4>四番目に大きい見出し</h4>
<h5>五番目に大きい見出し</h5>
<h6>六番目に大きい見出し</h6>
imgタグで画像を表示させる
HTML
<img src="ファイルの存在するパス名" alt="代替テキスト" />
aタグでリンクを表示させる
HTML
<a herf="リンク先のURL">テキストまたは画像を入力する</a>
ul・ol・liを使用して箇条書きを作成する
ulは「・」での表示
HTML
<ul>
<li>項目1</li>
<li>項目1</li>
<li>項目1</li>
<li>項目1</li>
</ul>
出力
・項目1
・項目2
・項目3
・項目4
olは番号での表示
HTML
<ol>
<li>項目1</li>
<li>項目1</li>
<li>項目1</li>
<li>項目1</li>
</ol>
出力
1.項目1
2.項目2
3.項目3
4.項目4
brタグで改行
HTML
<p>こんにちは<br>こんばんは<p>
出力
こんにちは
こんばんは
この使い方では改行されない
HTML
<p>こんにちは
こんばんは<p>
出力
こんにちはこんばんは