HTML
［HTML / CSS］ ワークフローの再確認 1. ディレクトリ・パス（大前提として、PCを正しく管理できるか？） フォルダ名・ファイル名（日本語禁止！）の管理をできているか？ レギュレーション（ガイドライン）に従う （レギュレーション：ある一定のルールに…
フォームの基本形を反映
［HTML］ パラグラフの概念を理解すること（英語圏の概念を理解すること） idとclassの使い方 <div id=" " class="1 2 3"> id：一意（ユニーク）なものに使う class：複数並列するものに使う</div>
［HTML / CSS］ ・meta要素 メタファーについてどのような特性をもっているかブラウザに伝える役割 <meta name=" 値 " content=" "> ↑ ↑ ↑ 要素 属性 ex) width=device-width ・ブレイクポイント：強制改行。CSSが切り替る画面幅。 ブレイクとは混乱時に基準をつくるという意味 ・リセット</meta>…
［HTML / CSS］ 復習課題。以下の要件定義に従う h1のみ記述（テキストはテーマタイトルとする） 幅640px以下はスマートフォンの表示に切換え h1は幅460px高さ300px。空間指定は不要 背景画像はimgフォルダー内のh1_bg.png リセットを記述する。CSSはエンベ…
［HTML / CSS］ 正しいワークフローで作業をする。ルールに従う id <div id="">：レイアウト class <p class="">：意味を例示するための付加 要素に対して振り分けるならば100%"class"で良い 要素内のidはJavaScriptで利用する（ex getElementById） padding: 上 右 下 左 ; text-al</p></div>…
［HTML / CSS］ ワークフロー 文書構造の作成 div要素によるグループ化 CSSファイルのリンク reset → fonts → body layout（外側から） HTML CSS ブラウザ ［memo］ 16px(body)≒1.0em≒100% 16px × 0.625%=10px（ex 14px=0.875em） em %：比率 rem：root + em…
［CSS］ ボーダーの作成 太さ 種類（solid>dotted>dashed） 色 HTML CSS ブラウザ
［viewpoint］ 文書構造(アウトライン)と見栄え(画像・CSS) 正しい日本語を書く・構築すること＝Webの世界で生き抜くこと 文書構造 使えるべき文章の内容から見出しをつくっていく ( <p> → <h1> ) 検索エンジンやブラウザが正しく認識できる 見栄え ヴィジュアルに</h1></p>…
HTMLを書く 「コンピューターと会話をする」という前提に従うこと 計算 複製 要素 <body>：開始タグ </body>：終了タグ <p><img…></p> <p>：ブロックレベル要素 <img>：インラインレベル要素 その他 meta要素は必ずtitleの上に書く <body>直下の<p>に何を書くか ブラウザはタグを勝手に解釈する <img>タグは必</p></body></p>…
