【HTML】文書構造の基本
当ページのリンクには広告が含まれています。
目次
見出し
階層構造を表現する方法として<h1-h6>を設定する
<h1>見出し1</h1>
<h1>見出し1</h1>段落
<p>タグで段落を記述する。</p>で閉じれば、自動的に改行される
<p>段落</p>箇条書き
ul: 順不同ol: 順番
<ul>
<li>li</li>
<li>li</li>
<li>li</li>
</ul>
<ol>
<li>d</li>
<li>d</li>
<li>d</li>
</ol>
<ol>
<li>d</li>
<ol>
<li>d</li>
<li>d</li>
<li>d</li>
</ol>
<li>d</li>
</ol>記述リスト
dl,dt,ddがセット
<dl>
<dt>aaa</dt>
<dd>bbb</dd>
</dl>セクション構造
セクション毎の塊をsectionでまとめる
<section> Area </section>段落内の改行
<br>タグで段落内を改行
<p>こんにちはこんにちはこんにちはこんにち<br>
はこんにちはこんにちは
</p>重要な語句を強調
<strong>で語句を強調
太字にする意味ではなく、文章として重要な語句を表す
<p>これから<strong>ここを強調</strong>します</p>注釈・細めを明示
<small>
<p><small>tomioka-k </small></p>画像を挿入
<img src="./image.png" width="300" height="300" alt="sample-image" >
- src: イメージのパス
- width/height: 横縦幅
- alt: 表示されなかったときの代替文字
<img src="sample.jpg" width="150" height="150" alt="sample-image">リンク設定
<a href="">
外部サイトに移動する際に別タブで開く場合にはtarget=_blankとする
<p><a href="https://www.google.com/?hl=ja">google</a></p>
コメント