HTMLを実際に入力して結果を返してみました。
基本的に以下のHTMLタグを押さえておきます。
名前 | 説明 |
---|---|
h1~h6 | 見出し |
p | テキストの段落 |
ul | 順序なしリスト |
ol | 順序付きリスト |
li | リストの項目を表示する |
br | 改行 |
a | リンク設置 |
img | 画像埋め込み |
!-- -- | コメントアウト |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>試しにやってみた</title>
</head>
<body>
<h1>タグの見出し1</h1>
<h2>タグの見出し2</h2>
<h5>タグの見出し5</h5>
<h6>数が大きいほど字が小さくなります。</h6>
<p>ここに1つ目の段落を記述</p>
<p>ここに2つ目の段落を記述</p>
<ul>
<li>順序無しリスト1</li>
<li>順序無しリスト2</li>
</ul>
<ol>
<li>順序付きリスト1</li>
<li>順序付きリスト2</li>
</ol>
改行文章1<br>
改行文章2<br>
<!-- Ctrl+C+Kでもコメントアウトできます -->
<a href="https://qiita.com/">QIITAへのリンク</a>
<br>
<img src="https://cdn.pixabay.com/photo/2023/08/19/13/42/water-8200502_1280.jpg" alt="">
</body>
</html>