補足情報のエリア フッターエリア セクションエリア 記事の投稿日時 セクションエリア 補足情報のエリア HTML の<aside>要素は書のメインコンテンツと間接的な関係しか持っていない文書の部分を表現す。 サイドバーやコールアウトボックスなどを表現するためによく</aside>…
ボックス ブロック要素 インライン要素 文字の色を変更する 文字の太さを変更 ヘッダーエリア ナビゲーションエリア メインエリア 記事エリア ボックス ブロック要素 display: block; インライン要素 display: inline; 文字の色を変更する color: カラーコー…
余白 内側の余白 上下左右の余白指定 4辺の余白指定 外側の余白 上下左右の余白指定 4辺の余白指定 余白の効率的な書き方（marginとpadding） 上下左右が同じ 上下と左右が同じ 左右が同じで上下が違う 上下左右すべて違う 上の余白のみ指定 右の余白のみ指…
参考書：P66 ~ P75 ボックスモデル ブロックボックスとインラインボックス ブロックボックス（ブロック要素） 特徴 インラインボックス（インライン要素） 特徴 背景色を変更する CSSで色を変更する カラーコードの指定 透明度有りの指定 フォント フォント…
参考書：P66 ~ P75 CSSの基本 CSSの書き方 デベロッパーツール CSSの適用方法 文字コードの指定 CSSファイルをHTMLファイルに読み込む CSSのエラー調査（デベロッパーツール） デフォルトCSS ユーザーエージェントスタイルシート リセットCSS CSSの基本 CSS…
画像の種類 ベクター画像 SVG ラスター画像 WebP 強調したい文章 em テキストにニュアンスを与えるタグ 表 table thead tbody tr th td 宛先 addressタグ 画像の種類 ベクター画像 画像や文字などの2次元情報を数値化して記録している形式のこと。 主に、ア…
リンク 他のページに移動する仕組みをハイパーリンク（リンク）という。 a アンカー（Anchor）の略で、リンクの出発点と到達点を指定する。 <a href=""></a> << 使用例 >> <a name="abc">ファイルの途中にabcという名前を付けます</a><br> <a href="#abc">abcと名前を付けた場所へリンクします</a><br> <a href="index.htm#a">別ファイルの名前を</a>…
参考書：P50 ~ P55 今回の学習内容 今回の学習内容 箇条書き（リスト） ul ol li 説明リスト dl dt dd 箇条書き（リスト） ul Unordered Listの略で、数的な順序がなく、その配置順に意味を持たない項目を持つリストを表す。 【参考資料】 developer.mozilla…
参考書：P42 ~ P49 今回の学習内容 今回の学習内容 HTML構築の基本タグ（骨組み） h1~h6（見出しタグ） h1 h2（大見出し） h3（中見出し） h4~h6（小見出し） pタグ brタグ HTML構築の基本タグ（骨組み） <html lang="ja"> <head> <meta charset="UTF-8"> <title>ページタイトル</title> </head> <body> 本文 </body> </html> h1~h6（見出しタグ） …
