myun@さんのページ

記事を見る前に

大百科で使えるHTMLタグを項目別に解説しています。初めてHTMLを扱われる方はこちらをご覧ください。使われている基本的な用語の説明をしています。

サンプルのソースコードを緑枠で、そのコードの実際の表示を青枠で囲っています。

各タグの説明の下に、そのタグに関する大百科での仕様、及びそのタグを実際に使った記事の例を紫の枠内に記述しますが、HTML・CSSについてのある程度の知識が無いと構造理解するのが困難なため、初めてHTMLタグを使われる方はざっと全ての項目に目を通してから読む事をオススメします。

大百科で使うのが推奨されない、または使う事の出来ない要素・及びCSSプロパティは記載していません。このページ下方にあるHTML要素・属性・CSSプロパティ一覧を参照してください。

HTMLタグの一覧

HTMLについて順に学びたい方は「段落・見出しに関する要素」→「テキストに関する要素」→「引用に関する要素」...という順番でご覧ください。

段落・見出しに関する要素 段落を示す<p> 改行する<br> 見出しを付ける<h2><h3><h4><h5><h6> テキストに関する要素 文字を太字にする<b><strong> 文字を斜体にする<i> 上付き文字・下付き文字にする<sup><sub> 等幅フォントで表示する<tt> 入力した通りに等幅フォントで表示する<pre> プログラムコードである事を示す<code> 削除された部分を示す<del> 追加された部分を示す<ins> 定義していることを示す<dfn> 引用に関する要素 引用である事を示す<blockquote> 引用元を示す<cite> リンクに関する要素 リンクの仕組み 別のページへのリンクを張る<a href="URL"> アンカーをつける<a id="#任意の名前"> 同ページ内リンクを張る<a href="#アンカーの名前"> 別ページの指定位置へリンクを張る<a href="URL#アンカーの名前"> 画像・フレームに関する要素 画像を貼る<img src="画像URL" alt="代替テキスト"> インラインフレーム及びピコカキコを貼る<iframe>

リストに関する要素 順不同型のリストを作る<ul> <li> 順序付きのリストを作る<ol> <li> 複数階層のリストを作る<ul><ol> <li> 定義型のリストを作る<dl> <dt><dd> テーブルに関する要素 テーブルを作成する<table><tbody><tr><td> 見出しセルとデータセルを作成する<th> 表にタイトルを付ける<caption> セルを結合する<td colspan="横に結合するセル数" rowspan="縦に結合するセル数"> 表の幅を指定する<table width="px単位"> 表の行をグループ化する<thead><tbody><tfoot> 表の列をグループ化する<colgroup span="列数"> 表の列の属性をまとめて指定する<col span="列数"> 空要素 インラインの空要素を追加する<span> ブロックレベルの空要素を追加する<div> その他の要素 水平線を追加する<hr> HTMLソース内にコメントを残す<!--～-->

スタイルシートプロパティの一覧

CSSについて順に学びたい方は「フォントプロパティ」→「テキストプロパティ」→「文字色・背景に関するプロパティ」...という順番でご覧ください。

フォントプロパティ フォントのサイズを指定する font-size フォントの太さを指定する font-weight フォントをイタリック・斜体にする font-style フォントの種類を指定する font-family テキストプロパティ 行の高さを指定する line-height 横方向の揃え位置を指定する text-align 縦方向の揃え位置を指定する vertical-align テキストに線を引く text-decoration 一行目のインデント幅を指定する text-indent テキストの大文字・小文字を変換する text-transform 文字の間隔を指定する letter-spacing 文字色・背景に関するプロパティ 文字色を指定する color 背景色を指定する background-color 背景画像を指定する background-image 背景画像の繰り返しを指定する background-repeat 背景画像の表示位置を指定する background-position 背景画像のスクロール・固定を指定する background-attachment 背景に関する設定をまとめて行う background

ボックスに関するプロパティ margin・padding・width・height・borderの使い分け 幅・高さを指定する width・height 外側余白を指定する margin 内側余白を指定する padding 境界線のスタイルを指定する border-style 境界線の幅を指定する border-width 境界線の色を指定する border-color 境界線に関する設定をまとめて行う border その他のプロパティ 要素の浮動化・回り込みを指定する float 回り込みを解除する clear ボックスからはみ出た部分の表示方法を指定する overflow 表示形式（インライン・ブロック・リスト・非表示）を指定する display リストマーカーを指定する list-style リストマーカーの表示位置を指定する list-style-position 表のボーダーの表示方法を指定する border-collapse 表の列幅を固定する table-layout

HTML・CSS関連項目

ブロックレベル要素・インライン要素について

関連商品

関連項目 テスト記事 ニコニコ大百科:記事の編集方法 ニコニコ大百科:編集者向けのページ ニコニコ大百科:ガイドブック ニコニコ大百科：HTMLテンプレート集 凝ったレイアウトを作りたい人向け:スタイルシート活用講座 ニコニコ大百科:HTML各要素のデフォルトCSS HTMLカラーコード

オススメ記事 MASTER ARTIST ゆめにっき

外部リンク

外部リンク集です。オススメのサイトがあれば追記してください。

• このページ長すぎて読む気が起きない。１ページで。→1ページで騙るホームページ作成HTMLのみ）
• 要素の分け方が分かりづらい。→HTML&CSS Web制作リファレンス
• CSSの説明が少なすぎ。もっと詳しく。→CSS Dencitie（CSSのみ）