html比較

Size: px

Start display at page:

Download "html比較"

えみいのら
5 years ago
Views:

1 HTML 較表 html4/xhtml html5 意味 a a リンクを指定する abbr abbr 略語 ( 頭字語以外 ) であることを表す acronym 略語 ( 頭字語 ) であることを表す address address 連絡先 ( 問い合わせ先 ) として扱う applet JAVAアプレットを埋め込む area area イメージマップの領域を指定する article 完結した記事であることをす aside 本筋から分離しても問題のない余談や補を表す audio ドキュメント内に声コンテンツを埋め込む b b 字を太字にする base base ページの基準となるURLを指定する basefont 字の基準となるサイズフォントの指定 bdi ページの書字向とは別の書字向を指定する bdo bdo 書字向を指定する bgsound 効果やバックミュージックを鳴らす (IE 独 ) big 字をひと周りきく表する blink 字を点滅させる blockquote blockquote 引であることを表す ( ) body body ページ本体の表領域 br br 改をう button button ボタンを作成する canvas スクリプトで定義したグラフィックスを描画するための領域を配置する caption caption テーブル ( 表 ) にタイトルを付ける center センタリングする cite cite 出典先参照先を表す code code プログラムやスクリプトとして扱う col col テーブル ( 表 ) の縦列の属性をまとめて指定する colgroup colgroup テーブル ( 表 ) の縦列をグループ化する command ユーザーが実できるコマンド ( 命令 ) を設置する datalist 項の候補を予め意する dd dd 定義した語の説明を記述する del del 削除された部分として扱う ( 打ち消し線が引かれる ) dfn dfn 定義語として扱う dir リストを表する div div ブロックレベル要素としての範囲を指定 dl dl 定義リストであることを表す dt dt 定義する語を表す em em 強調する embed embed プラグインデータを埋め込む fieldset fieldset フォームの項をグループ化する figcaption 図版にキャプションを付ける figure 参照される図版を表す font フォントのやきさを変える html 較ページ 1

2 footer セクションのフッターを表す form form フォームを作成する frame フレームに表するファイルを指定する frameset ウィンドウを分割する h1 h6 h1 h6 出しを指定する head head ドキュメントのヘッダーを定義する header セクションの先頭となるグループを表す hgroup 出しをグループ化してセクションのヘッダを表す hr hr 区切り線 ( 罫線 ) を引く html html HTML 書の開始を宣してドキュメントルートを定義する i i 字を斜体 ( イタリック ) にする iframe iframe インラインフレームを作成する img img 画像を表する input input フォームを構成する部品を作成する ins ins 新たに追加された部分として扱う isindex キーワード検索欄の埋め込み kbd kbd キーボードされる字であることをす keygen フォームの送信時に暗号鍵を成する label label フォームの項と項名を関連付ける legend legend 項グループにタイトルを付ける li li リストの項を表する link link 関連するファイルをリンクする listing タグを解釈しソースをそのまま表する map map つの画像に対して複数のリンクを設定する mark テキストのハイライト表 marquee 字列をスクロールさせる ( 流れる字 ) menu menu リストをメニューとして扱う meta meta ドキュメントについてのメタ情報を追加する meter 特定の範囲内における数量や割合をす multicol 段組する (NN 独 ) nav ページ上の主要なナビゲーションであることを表す nobr 動改を無効にする (NN 独 ) noembed プラグインが利できない環境での表内容を指定する (NN 独 ) noframes フレームが表できない環境での表内容を指定する noscript noscript スクリプトが動作しない環境での表内容を指定する object object FLASHやデータを埋め込む ol ol 順序のあるリストを定義する optgroup optgroup セレクトボックスの選択肢をグループ化する option option セレクトボックスの選択肢を作成する output 計算結果の出欄を作成する p p 段落を指定する param param パラメーターを指定する plaintext ソースをテキストとしてそのまま表する pre pre ソースを整形済みテキストとして表する progress 作業の進捗状況を表する html 較ページ 2

3 q q 引であることを表す ( 短 ) rb ルビをふる字を指定する rp ルビを囲む記号を指定する rt ルビの内容を指定する rtc ルビの内容を指定する ruby ルビの範囲を指定する s 正確ではなくなった内容であることを表す samp samp プログラムによる出結果のサンプルとして扱う script script JAVAなどのスクリプトを埋め込む section ウェブページ内の章構造におけるセクションを定義する select select セレクトボックスを作成する small small 細則のような付帯注釈を表す source 再候補となるメディアファイル ( 動画や源 ) を指定する spacer スペースを挿する (NN 独 ) span span インライン要素としての範囲を指定する strike 字列に打ち消し線を引く strong strong 重要な情報として扱う style style スタイルシートを指定する sub sub 下付き字として表する summary 詳細情報の要約や説明などを定義する sup sup 上付き字として表する table table テーブル ( 表 ) を作成する tbody tbody テーブル ( 表 ) のボディ部分を定義する td td テーブル ( 表 ) のセルを作成する template ページ読み込み後にスクリプトの実によって挿可能な要素を定義する textarea textarea 複数のテキストエリアを作成する tfoot tfoot テーブル ( 表 ) のフッタを定義する th th テーブル ( 表 ) の出しとなるセルを作成する thead thead テーブル ( 表 ) のヘッダを定義する time 付や時刻を表す title title ウェブページのタイトルを指定する tr tr テーブル ( 表 ) の横を定義する track 動画や源に字幕 ( テキストトラック ) をつける tt 字を等幅フォントで表する u 字に下線 ( アンダーライン ) を引く ul ul 順序のないリストを定義する var var 変数や引数として扱う video 動画を埋め込む wbr nobr 内での改位置の指定 (NN 独 ) xmp ソースをそのまま表する html 較ページ 3

4 CSS 較表 CSS2 CSS3 内容 align-content 複数のアイテムのクロス軸向の揃え位置を指定する align-items フレックスアイテムのクロス軸向の揃え位置を指定する align-self フレックスアイテムのクロス軸向の揃え位置を個別に指定する alignment-adjust ベースラインを調整する alignment-baseline インライン要素の揃えラインを指定する animation アニメーションについてまとめて指定する animation-delay アニメーションがいつ始まるかを指定する animation-direction アニメーションを交互に反転再させるかどうかを指定する animation-duration アニメーション回分の時間のさを指定する animation-fill-mode アニメーションの再中再後のスタイルを指定する animation-iteration-count アニメーションの繰り返し回数を指定する animation-name アニメーション名を指定する animation-play-state 再中か時停かを指定する animation-timing-function アニメーションのタイミング進割合を指定する appearance プラットフォームにおける標準的なUIの外観にする backface-visibility 要素の裏をられるようにするかどうかを指定する background background 背景のプロパティをまとめて指定する background-attachment background-attachment スクロールしたときの背景画像の表法を指定する background-clip 背景の適範囲を指定する background-color background-color 要素の背景を指定する background-image background-image 要素の背景画像を指定する background-origin 背景の基準位置を指定する background-position background-position 背景画像を表する平垂直位置を指定する background-repeat background-repeat 背景画像の繰り返しを指定する background-size 背景画像のサイズを指定する baseline-shift 優先するベースラインを指定し直す border border ボーダーをまとめて指定する border-bottom border-bottom ボーダーをまとめて指定する border-bottom-color border-bottom-color ボーダーのを指定する border-bottom-left-radius 左下の丸を指定する border-bottom-right-radius 右下の丸を指定する border-bottom-style border-bottom-style ボーダーのスタイルを指定する border-bottom-width border-bottom-width ボーダーの幅を指定する border-break ボックスの改部分のボーダー表を指定する border-collapse border-collapse 表組み内のボーダーの表形式を指定する border-color border-color ボーダーのをまとめて指定する border-image 画像ボーダーを指定する border-image-outset ボーダーイメージエリアを広げる border-image-repeat 画像ボーダーの繰り返し法を指定する border-image-slice 画像のボーダー使範囲を指定する border-image-source ボーダーに使する画像ファイルを指定する border-image-width 画像ボーダーの太さを指定する border-left border-left ボーダーをまとめて指定する border-left-color border-left-color ボーダーのを指定する border-left-style border-left-style ボーダーのスタイルを指定する border-left-width border-left-width ボーダーの幅を指定する border-radius 丸をまとめて指定する border-right border-right ボーダーをまとめて指定する border-right-color border-right-color ボーダーのを指定する border-right-style border-right-style ボーダーのスタイルを指定する border-right-width border-right-width ボーダーの幅を指定する border-spacing border-spacing 表組み内のボーダーの間隔を指定する border-style border-style ボーダーのスタイルをまとめて指定する border-top border-top ボーダーをまとめて指定する border-top-color border-top-color ボーダーのを指定する CSS 較ページ 4

5 border-top-left-radius 左上の丸を指定する border-top-right-radius 右上の丸を指定する border-top-style ボーダーのスタイルを指定する border-top-width ボーダーの幅を指定する border-width border-width ボーダーの幅をまとめて指定する bottom bottom ボックスの配置位置を指定する box-orient ボックス内の要素の配置向を指定する box-direction ボックス内の要素の表向を指定する box-ordinal-group ボックス内の要素に並び順グループを割り当てる box-align ボックス内の要素の縦向の揃え位置を指定する box-flex 伸縮ボックスの伸縮率を指定する box-flex-group 伸縮ボックスにグループを割り当てて伸縮の優先順位を指定する box-pack ボックス内の要素の横向の揃え位置を指定する box-lines ボックス内を複数 ( 複数列 ) にするかどうかを指定する box-decoration-break ボックスが改する際の表形式を指定する box-shadow ボックスに影をつける box-sizing ボックスサイズの算出法を指定する break-after ボックス後でのカラムの区切り法を指定する break-before ボックス前でのカラムの区切り法を指定する break-inside ボックス途中でのカラムの区切り法を指定する caption-side caption-side 表組みのタイトルの表位置を指定する clear clear ボックスの回り込みを解除する clip clip ボックスを部分的に切り抜いて表する color color 字のを指定します column-count カラム数を指定する column-fill カラム同のさ ( さ ) を揃えるかどうかを指定する column-gap カラムの間隔を指定する column-rule カラムの区切り線のスタイル幅を指定する column-rule-color カラムの区切り線のを指定する column-rule-style カラムの区切り線のスタイルを指定する column-rule-width カラムの区切り線の幅を指定する column-span 要素がまたがる ( 横切る ) カラム数を指定する column-width カラム幅を指定する columns カラム幅とカラム数を指定する content content afterとbeforeを対象にコンテンツを挿する counter-increment counter-increment カウンター値を更新する counter-reset counter-reset カウンター値をリセットする crop 置換要素の表範囲を指定する cursor cursor マウスポインターの表法を指定する direction direction 字を表する向を指定する display display ボックスの種類を指定する dominant-baseline 優先するベースラインを指定する drop-initial-after-adjust 頭字の第接続点の揃え位置を指定する drop-initial-after-align 頭字の第接続点の揃えラインを指定する drop-initial-before-adjust 頭字の第接続点の揃え位置を指定する drop-initial-before-align 頭字の第接続点の揃えラインを指定する drop-initial-size 頭字のサイズを指定する drop-initial-value 頭字を何分にするかを指定する empty-cells empty-cells 空セルのボーダーの表法を指定する fit 画像などをページにフィットさせる法を指定する fit-position フィットさせる際の揃え位置を指定する flex フレックスアイテムの幅をまとめて指定する flex-basis フレックスアイテムの基本の幅を指定する flex-direction フレックスアイテムの配置法を指定する flex-flow フレックスアイテムの配置と折り返しを指定する flex-grow フレックスアイテムの幅の伸び率を指定する flex-shrink フレックスアイテムの幅の縮み率を指定する flex-wrap フレックスアイテムの折り返しを指定する CSS 較ページ 5

6 float float ボックスの回り込みを指定する font font フォントとのさをまとめて指定する font-family font-family フォントを指定する font-feature-settings OpenTypeフォントの機能の有効無効を指定する font-size font-size フォントのサイズを指定する font-size-adjust フォント同のサイズのバラつきを調整する font-stretch フォントの形状を幅広幅狭にする font-style font-style フォントのスタイルを指定する font-variant font-variant フォントのスモールキャップを指定する font-weight font-weight フォントの太さを指定する grid-columns 列グリッドを指定する grid-rows グリッドを指定する height height ボックスの幅とさを指定する hyphens 単語途中での改法を指定する icon 要素のアイコンを指定する image-orientation 画像がページに収まるように回転度を指定する image-resolution 画像の解像度を指定する ime-mode テキスト欄でのモードを指定する inline-box-align どのを基準にしてインラインボックスを整列させるかを指定する justify-content フレックスアイテムの主軸向の揃え位置を指定する left left ボックスの配置位置を指定する letter-spacing letter-spacing 字の間隔を指定する line-break 改の禁則処理を指定する line-height line-height のさを指定する line-stacking ボックスの重ねを指定する line-stacking-ruby ボックスを重ねる際のルビの扱いを指定する line-stacking-shift 字のベースラインを考慮するかどうかを指定する line-stacking-strategy ボックスを重ねる際の基準さを指定する list-style list-style リストマーカーをまとめて指定する list-style-image list-style-image リストマーカーの画像を指定する list-style-position list-style-position リストマーカーの位置を指定する list-style-type list-style-type リストマーカーの種類を指定する margin margin ボックスのマージンの幅をまとめて指定する margin-bottom margin-bottom ボックスのマージンの幅を指定する margin-left margin-left ボックスのマージンの幅を指定する margin-right margin-right ボックスのマージンの幅を指定する margin-top margin-top ボックスのマージンの幅を指定する mark 要素の前後にれる声記号をまとめて指定する mark-before 要素の前にれる声記号を指定する mark-after 要素の後にれる声記号を指定する marks トンボ ( 印刷物の当合わせ記号 ) を付ける marquee-direction スクロール向を指定する marquee-loop スクロール回数を指定する marquee-play-count スクロール回数を指定する marquee-speed スクロール速さを指定する marquee-style スクロール法を指定する max-height max-height ボックスのさの最値を指定する max-width max-width ボックスの幅の最値を指定する min-height min-height ボックスのさの最値を指定する min-width min-width ボックスの幅の最値を指定する move-to 要素を後ろへ移動する nav-down 下向キーにフォーカス移動を割り当てる nav-index タブキーによるフォーカス移動の順序を指定する nav-left 左向キーにフォーカス移動を割り当てる nav-right 右向キーにフォーカス移動を割り当てる nav-up 上向キーにフォーカス移動を割り当てる object-fit 画像などをボックスにフィットさせる法を指定する object-position 画像などをボックスに揃える位置を指定する CSS 較ページ 6

7 opacity 要素の透明度を指定する order フレックスアイテムを配置する順序を指定する outline outline ボックスのアウトラインをまとめて指定する outline-color outline-color ボックスのアウトラインのを指定する outline-offset アウトラインのオフセット値を指定する outline-style outline-style ボックスのアウトラインの幅を指定する outline-width outline-width ボックスのアウトラインの幅を指定する overflow overflow ボックスに収まらない内容の表法を指定する overflow-style はみ出た要素のスクロール法を指定する overflow-wrap 単語の途中での改を指定する overflow-x はみ出た要素の左右の表法を指定する overflow-y はみ出た要素の上下の表法を指定する padding padding ボックスのパディングの幅をまとめて指定する padding-bottom padding-bottom ボックスのパディングの幅を指定する padding-left padding-left ボックスのパディングの幅を指定する padding-right padding-right ボックスのパディングの幅を指定する padding-top padding-top ボックスのパディングの幅を指定する page 特定の名前を付けてページを定義する page-policy カウント法を指定する perspective 3D 変形の奥きの深さを指定する ( 親要素に指定 ) perspective-origin 奥きの消失点を指定する position position ボックスの配置法を指定する quotes quotes contentプロパティで挿する記号を指定する resize ユーザーが要素のサイズを変更できるかどうかを指定する rest 要素内容を話す前後の休憩間をまとめて指定する rest-after 要素内容を話す後の休憩間を指定する rest-before 要素内容を話す前の休憩間を指定する right right ボックスの配置位置を指定する rotation ブロックレベル要素を反時計回りに回転させる rotation-point 回転の中座標を指定する ruby-align ルビの揃え位置を指定する ruby-overhang 本体に隣接するテキストへのルビのかかりを指定する ruby-position ルビの配置位置を指定する ruby-span ルビ注釈がどこまでまたがるかを制御する size ページサイズを定義する tab-size タブの表幅を指定する table-layout table-layout 表組みのレイアウト法を指定する target リンク先の開き開く位置を指定する target-name リンク先の開きを指定する target-new リンク先を新しいウィンドウタブで開く target-position 新しいウィンドウタブを開く位置を指定する text-align text-align 字の揃え位置を指定する text-align-last 最後のの揃え位置を指定する text-decoration text-decoration 字の下線をまとめて指定する text-decoration-color 字の下線のを指定する text-decoration-line 字の下線の位置を指定する text-decoration-style 字の下線のスタイルを指定する text-emphasis テキストを強調するための傍点の付けを指定する text-emphasis-color 字の傍点をまとめて指定する text-emphasis-position 字の傍点の位置を指定する text-emphasis-style 字の傍点のスタイルと形を指定する text-height テキストのさを指定する text-indent text-indent 章の1 の字下げを指定する text-justify 端揃えの形式を選択する text-overflow ボックスに収まらない章の表法を指定する text-shadow テキストに影をつける text-transform text-transform 英字の字や字の表法を指定する text-wrap テキストの折り返し法を指定する CSS 較ページ 7

8 top top ボックスの配置位置を指定する transform 要素に2D 変形または 3D 変形を適する transform-origin 2D 変形または 3D 変形の原点を指定する transform-style 要素がフラットに描画されるか体的に描画されるかを指定する transition transition 効果 ( 時間的変化 ) をまとめて指定する transition-delay 変化がいつ始まるかを指定する transition-duration 変化に掛かる時間を指定する transition-property transition 効果を適するCSSプロパティ名を指定する transition-timing-function 変化のタイミング進割合を指定する unicode-bidi unicode-bidi 字の書字向の上書き法を指定する vertical-align vertical-align 内やセル内の縦向の揃え位置を指定する visibility visibility ボックスの表表を指定する voice-balance 声の左右のバランスを指定する voice-duration 要素内容を話すのに掛かる時間を指定する voice-family 声の種類を指定する voice-pitch 声の周波数を指定する voice-range 声の周波数の範囲を指定する voice-rate 話す速度を指定する voice-stress 強調の度合い ( 強い弱い単調 ) を指定する voice-volume 声のボリュームを指定する white-space white-space スペースタブ改の表法を指定する white-space-collapse ソース中の半スペースの表法を指定する width width ボックスの幅を指定する word-break の改法を指定する word-spacing word-spacing 単語の間隔を指定する word-wrap 単語の途中で改するかどうかを指定する writing-mode 縦書き横書きを指定する z-index z-index ボックスの重ね順を指定する color:rgba() RGBAカラーモデルでを指定する background-image:linear-gradient() 線形グラデーションを指定する background-image:radial-gradient() 円形グラデーションを指定する CSS 較ページ 8

ホームページ制作基礎編 (HTML5 CSS3 コーディング )

ホームページ制作基礎編 (HTML5 CSS3 コーディング ) ホームページ制作基礎編 (HTML5 CSS3 コーディング ) ホームページ制作基礎編ホームページ制作基礎編目次はじめに 5 はじめに... 5 本教材について 5 WEB サイト制作の概要... 5 Web サイト制作の流れ 5 サイト制作に必要なプログラミング言語 6 HTML 7 HTML について... 7 HTML について 7 HTML の記述方法 7 HTML の解説 8