HTMLタグ一覧 用途別
HTMLタグ一覧を用途ごとにまとめています。HTMLとはWebサイトを形成するテキストであり、メモ帳やエディターを使用して入力していきブラウザ上で表示することができます。HTMLタグとは<p>のように意味をもったHTMLのテキストを指します。
ブログ作成
HTML 文字
- 改行・段落・区切り … <p>,<br>,<hr>
- <pre>を使ってコードを表す … <pre>
- 特殊文字一覧
- ルビをつける … <ruby>,<rt>
- 上付き文字・下付き文字 … <sub>,<sup>
- テキストの意味に適切なタグ … <i>,<u>,<small>
- コメントアウト … <!-- -->
- 定義語・省略語 … <dfn>,<abbr>
- 強調する … <em>,<strong>,<b>
- 引用した文章や単語を表す … <cite>,<q>,<blockquote>,<mark>
- 画像を表示する … <img>
- <div>でコンテンツをグループ化 … <div>
- <span>でテキストを区別する … <span>
HTML リスト
- 点付きリストを作る … <ul>
- 番号付きリストを作る … <ol>
- 番号付きリストの初期値を設定する … start
- 名前と説明文のリスト … <dl>,<dt>,<dd>
HTML テーブル
- HTMLで表を作る … <table>,<tr>,<td>
- テーブルの構成を設定する … <caption>,<th>,<thead>,<tbody>,<tfoot>
- 見出しセルの方向を定義する … scope
- セルを結合する … colspan,rowspan
- テーブルの列をグループ化する … <colgroup>,<col>
HTML フォーム
- フォームを作る … <form>,<input>
- チェックボックスを設置する … checkbox
- ラジオボタンを設置する … radio
- パスワード機能をつける … password
- 検索入力欄を設置する … search
- パーツをグループ化する … <fieldset>,<legend>,<label>
HTML リンク
- 他ページへリンク … <a>
- リンク先を別ウィンドウで表示 … target
- 同じページの別の箇所にリンク … id
- 別ページの指定した箇所にリンク … id
- 外部ファイルCSSの書き方 … <link>
- 内部CSSの書き方 … <style>
- 相対パスの詳しい解説 … 各階層によるパスの設定方法