まぬねこの足跡。。。

備忘録+たのしさ+ひっそりと

2023-03-04から1日間の記事一覧

<main>:文書のメインコンテンツ要素

概要 使い方 書き方 表示イメージ 参考 概要表示されるmain要素は1つのみ、セクション要素ではない。 使い方 書き方 <html lang="ja"> <head> <title>おいしいおやつ</title> </head> <body> <main> <p>おいしいおやつの食べごろ</p> </main> </body> </html> 表示イメージ おいしいおやつ おいしいおやつの食べごろ 参考【MDNMDN Web Docs】<main>タグ</main>…

<footer>タグ:フッターセクション要素(文章)

概要 <footer>タグ:フッターセクション要素(文章) 使い方 <body>タグ内のとき 書き方 表示イメージ 色々なセクション内のとき 書き方 表示イメージ 参考 概要 <footer>タグ:フッターセクション要素(文章) セクション(または文書全体)に関する…

<!DOCTYPE html>:文書宣言

概要 DOCTYPE宣言:文書宣言 使い方 DOCTYPE宣言:文書宣言 書き方 参考 概要 DOCTYPE宣言:文書宣言 ・「HTML記述」を宣言・文書型宣言:Document Type Definition又はDTD宣言・要素でなく宣言、ブラウザの表示モードを「(完全)標準」にする。・HTML文書…

<html>: HTML 文書 / ルート要素

概要 属性の解説 lang属性:文書全体の言語を指定。 使い方 書き方 参考 概要 ・HTML 文書においてルート (基点) となる要素 (最上位要素)、ルート要素 ・DOCTYPE宣言の次の行に記述 属性の解説 lang属性:文書全体の言語を指定。 <html lang="ja"(文書の言…

<head>: ヘッダー(文書メタデータ) 要素

概要 <head>: ヘッダー(文書メタデータ) 要素 使い方 書き方 参考 概要 <head>: ヘッダー(文書メタデータ) 要素 ・文書に関するメタデータ:題名、スクリプト、スタイルシートなど・html要素の次に配置。 使い方 書き方 ・・・「HTMLで記述」を宣言。 <html lang="ja">・</html>…

<body>タグ:文書の本文・コンテンツセクション要素(文章)

概要 使い方 書き方 参考 概要 ・ブラウザの画面上に表示・head要素の次に配置。・デフォルトスタイル:margin: 8px; (一部:margin)でなくpadding) 使い方 書き方 ・・・「HTMLで記述」を宣言。 <html lang="ja">・・・DOCTYPE宣言の次 使用言語:日本語(ja) <head>・・・・・・・<ht</head></html>…

<meta>タグ:メタデータ要素

概要 属性の解説 charset属性:文書の文字エンコーディングを指定 http-equiv属性(default-style)+content属性:デフォルトスタイルの指定 使い方:style要素を使ったとき 書き方:「main-style」をデフォルトスタイルに指定 表示イメージ 使い方:link要素…

<title>タグ:文書題名要素

概要 使い方 書き方 参考 概要 ・ブラウザーのタイトルバーやページのタブに表示される文書の題名を定義。・テキストのみ、要素内のタグはすべて無視。・head内に要素内に一つのみ・「キーワード BLOB」を使わない。 ※単なるキーワードの羅列と判断されその…

<link>タグ:外部リソースへのリンク要素

概要 属性の解説 使い方 書き方 参考 概要 ・スタイルシート、サイトのアイコン(favicon、モバイル端末ホーム画面やアプリ)などへのリンク 属性の解説 使い方 書き方 ・・・「HTMLで記述」を宣言。 <html lang="ja">・・・DOCTYPE宣言の次 使用言語:日本語(ja) <head>・・・・・・・</head></html>…

<section>タグ:汎用セクション要素

概要 使い方 書き方 表示イメージ 語源 参考 概要文書の自立した一般的なセクション (区間) を表します 使い方 書き方 <section> 1つのセクション・・・基本ヘッダー要素を1つ含む </section> <section> <h3>第1章</h3> <p>AAAA</p> <section> <h4>第1章-1節</h4> <p>AAAA</p> </section> <section> <h4>第1章-2節</h4> <p>AAAA</p> </section> </section> 表示イメージ 1つのセクシ…

<nav>タグ:ナビゲーションセクション要素

概要 使い方 リストでリンクメニューの時 書き方 表示イメージ 文章でリンクの時 書き方 表示イメージ 語源 参考 概要文書の自立した一般的なセクション (区間) を表します 使い方 リストでリンクメニューの時 書き方 <nav> <ul> <li><a href="textA.html">とびますA</a></li> <li><a href="textB.html">とびますB</a></li> <li><a href="textC.html">とびますC</a></li> </ul> </nav> …

<header>タグ:ヘッダーセクション要素(文章)

概要 使い方 <body>タグ内のとき 書き方 表示イメージ 色々なセクション内のとき 書き方 表示イメージ 参考 概要セクション(または文書全体)に対するイントロダクションやナビゲーションの手助けとなる内容 見出し:ページのタイトル、セクションの見出…