HTML
概要 使い方 書き方 表示イメージ 参考 概要表示されるmain要素は１つのみ、セクション要素ではない。 使い方 書き方 <html lang="ja"> <head> <title>おいしいおやつ</title> </head> <body> <main> <p>おいしいおやつの食べごろ</p> </main> </body> </html> 表示イメージ おいしいおやつ おいしいおやつの食べごろ 参考【MDNMDN Web Docs】<main>タグ</main>…
概要 ＜footer＞タグ：フッターセクション要素（文章） 使い方 ＜body＞タグ内のとき 書き方 表示イメージ 色々なセクション内のとき 書き方 表示イメージ 参考 概要 ＜footer＞タグ：フッターセクション要素（文章） セクション（または文書全体）に関する…
概要 DOCTYPE宣言：文書宣言 使い方 DOCTYPE宣言：文書宣言 書き方 参考 概要 DOCTYPE宣言：文書宣言 ・「HTML記述」を宣言・文書型宣言：Document Type Definition又はDTD宣言・要素でなく宣言、ブラウザの表示モードを「（完全）標準」にする。・HTML文書…
概要 属性の解説 lang属性：文書全体の言語を指定。 使い方 書き方 参考 概要 ・HTML 文書においてルート (基点) となる要素 (最上位要素)、ルート要素 ・DOCTYPE宣言の次の行に記述 属性の解説 lang属性：文書全体の言語を指定。 ＜html lang="ja"(文書の言…
概要 ＜head＞: ヘッダー（文書メタデータ） 要素 使い方 書き方 参考 概要 ＜head＞: ヘッダー（文書メタデータ） 要素 ・文書に関するメタデータ：題名、スクリプト、スタイルシートなど・html要素の次に配置。 使い方 書き方 ･･･「HTMLで記述」を宣言。 <html lang="ja">･</html>…
概要 使い方 書き方 参考 概要 ・ブラウザの画面上に表示・head要素の次に配置。・デフォルトスタイル：margin: 8px; (一部：margin)でなくpadding) 使い方 書き方 ･･･「HTMLで記述」を宣言。 <html lang="ja">･･･DOCTYPE宣言の次 使用言語：日本語（ja） <head>・・・・・・・＜ht</head></html>…
概要 属性の解説 charset属性：文書の文字エンコーディングを指定 http-equiv属性(default-style)＋content属性：デフォルトスタイルの指定 使い方：style要素を使ったとき 書き方：「main-style」をデフォルトスタイルに指定 表示イメージ 使い方：link要素…
概要 使い方 書き方 参考 概要 ・ブラウザーのタイトルバーやページのタブに表示される文書の題名を定義。・テキストのみ、要素内のタグはすべて無視。・head内に要素内に一つのみ・「キーワード BLOB」を使わない。 ※単なるキーワードの羅列と判断されその…
概要 属性の解説 使い方 書き方 参考 概要 ・スタイルシート、サイトのアイコン（favicon、モバイル端末ホーム画面やアプリ）などへのリンク 属性の解説 使い方 書き方 ･･･「HTMLで記述」を宣言。 <html lang="ja">･･･DOCTYPE宣言の次 使用言語：日本語（ja） <head>・・・・・・・</head></html>…
概要 使い方 書き方 表示イメージ 語源 参考 概要文書の自立した一般的なセクション (区間) を表します 使い方 書き方 <section> 1つのセクション・・・基本ヘッダー要素を１つ含む </section> <section> <h3>第１章</h3> <p>AAAA</p> <section> <h4>第１章－１節</h4> <p>AAAA</p> </section> <section> <h4>第１章－２節</h4> <p>AAAA</p> </section> </section> 表示イメージ 1つのセクシ…
概要 使い方 リストでリンクメニューの時 書き方 表示イメージ 文章でリンクの時 書き方 表示イメージ 語源 参考 概要文書の自立した一般的なセクション (区間) を表します 使い方 リストでリンクメニューの時 書き方 <nav> <ul> <li><a href="textA.html">とびますA</a></li> <li><a href="textB.html">とびますＢ</a></li> <li><a href="textC.html">とびますＣ</a></li> </ul> </nav> …
概要 使い方 ＜body＞タグ内のとき 書き方 表示イメージ 色々なセクション内のとき 書き方 表示イメージ 参考 概要セクション（または文書全体）に対するイントロダクションやナビゲーションの手助けとなる内容 見出し：ページのタイトル、セクションの見出…
基本 HTML タグ %EF%BC%9A%E6%96%87%E6%9B%B8%E5%AE%A3%E8%A8%80?">：文書宣言 %E3%82%BF%E3%82%B0%EF%BC%9A%E3%82%A2%E3%83%B3%E3%82%AB%E3%83%BC%E8%A6%81%E7%B4%A0%E3%80%81%E3%83%97%E3%83%AC%E3%83%BC%E3%82%B9%E3%83%9B%E3%83%AB%E3%83%80%EF%BC%88%E5…
概要 ＜small＞タグ：附随コメント要素（注釈など） 属性の解説 使い方 ＜small＞タグ：附随コメント要素（注釈など） 書き方 表示イメージ 参考 概要 ＜small＞タグ：附随コメント要素（注釈など） ・著作権表示や法的表記、注釈、免責事項など・既存のスタ…
MIME タイプとは（IANAタイプ） すべての公式 MIME タイプ よくあるMIMEタイプ一覧 MIME タイプとは（IANAタイプ）・メディアタイプ (別名 Multipurpose Internet Mail Extensions または MIME タイプ) ・文書、ファイル、またはバイト列の性質や形式を示す…
概要 ハイパーリンクの作成 プレースホルダ（場所取り）・・・href属性を指定しない。 属性の解説 href属性：リンク先のURLを指定 hreflang属性：リンク先ドキュメントの言語コードを指定 type属性：リンク先のMIMEタイプを指定 rel属性：リンク先ドキュメン…
概要 ＜thead＞タグ：表ヘッダーグループ要素 ＜tbody＞タグ：テーブル本体グループ要素 ＜tfoot＞タグ：表フッターグループ要素 ＜th＞タグ＋scope属性：th要素（見出し）との関連付けと表列のグループ化要素 ＜colgroup＞タグ：th要素（見出し）との関連付…
概要 ＜table＞タグ：表要素 ＜caption＞タグ：表キャプション要素 ＜tr＞タグ：表の行要素 ＜th＞タグ：表見出し要素 ＜td＞タグ：表データセル要素 属性の解説 ＜th＞＜td＞タグ用 colspan属性：横方向のセルの連結 書き方 表示イメージ rowspan属性：たて…
概要 ＜dl＞タグ ＜dt＞タグ ＜dd＞タグ 書き方 表示イメージ 語源 ＜dl＞タグ ＜dt＞タグ ＜dd＞タグ 参考 概要 ＜dl＞タグ ・説明（定義）リスト要素 ＜dt＞タグ ・説明（定義）される用語要素 ＜dd＞タグ ・説明（定義）、値などの要素 書き方※＜dt＞タグ…
概要 ＜ol＞タグ ＜ul＞タグ ＜li＞タグ 属性の解説 ＜ol＞タグ用 reversed属性：降順の順序になる 書き方 表示イメージ start属性：初期開始値の指定 書き方 表示イメージ ＜start＞＜reversed＞タグ指定時 書き方 表示イメージ <使い方 ＜ol＞＜li＞タグ：…
概要 ファイル構造 属性の解説 src属性：画像ファイル指定 alt属性：画像の代替分の指定 width属性：表示幅サイズ height属性 表示イメージ 語源 ＜img＞タグの語源 src属性の語源 alt属性の語源 書き方 参考 概要・ブラウザの文書に画像を埋め込みます。 フ…
概要 書き方 表示イメージ 語源 参考 概要・テキストの段落 書き方 <p>ぐっどもーにんぐ</p> 表示イメージ ぐっどもーにんぐ 語源paragraph読み方：パラグラフ意 味：段落 参考【MDN Web Docs】<p>タグ：段落要素</p>
概要 書き方 表示イメージ ｈ１：ああああ・・・font-size: 2em h２：ああああ・・・font-size: 1.5em h３：ああああ・・・font-size: 1.17em h４：ああああ・・・font-size: 1.33em h５：ああああ・・・font-size: 0.83em h６：ああああ・・・font-size: 0.…
概要 ファイル構造 構造 コメント HTMLファイルの表示 特殊記号の文字参照 インライン要素 ブロック要素 アウトライン 概要 Hyper Text Markup Languageの略 Webページの内容を書くための言語 最新バージョン HTML Living Standard（2021年1月28日～）※2022…
Google Chrome Microsoft Edge Safari Firefox Internet Explorer ～2022/6/15まで Google Chrome 実行環境：Windows, Mac, iOS, Android ｜JSエンジン：V8 ｜レンタリングエンジン：Blink｜ デフォルトCSS（User Agent Stylesheet） Chromium UA stylesheet…
歴史 HTML 歴史 CSS 歴史 JavaScript 歴史 WEBデザイン系 コリス PHOTOSHOP VIP MDN DESIGN PSショートカットキー AIショートカットキー WEB技術系 MDN CodeZine WEB情報系 WEBクリエイターボックス マイナビBOOKS Ｓｔｏｃｋｅｒ．ｊｐ creive(クリーブ) fe…
