2025年7月17日木曜日

🖥️〔タグ組実践!〕h1とp ❐要素ごとにスタイルを設定 ー作って学ぶ HTML+CSS グリッドレイアウト(エビコム著) P21

 ❖【要素ごとにスタイルを設定】について


(出典:『作って学ぶ HTML+CSS グリッドレイアウト』P21)


◉要素(Element)とは


HTMLでは、テキストや画像などの「意味的なまとまり」を**要素(element)**と呼びます。要素は通常、開始タグと終了タグによって囲まれ、内容(content)を内包します。


例:


<h1>これは見出しです</h1>

<p>これは段落です</p>


<h1>:見出し要素(Heading 1)。文書内の最も重要な見出しを意味します。

ーChatGPT先生ご生成ー


<p>:段落要素(Paragraph)。文章の一まとまりを意味します。

タグ組チャレンジ!浅田美鈴 編

h1とPにチャレンジ

<h1>これは見出しです</h1>

これを使うことによってかなり大きな文字でボールドが加わることが分かりました。



h1 {

  color: blue;

  font-size: 32px;

}


これは HTML で使えるでしょうか?


h1 {タグ組チャレンジ 浅田美鈴 編 color: blue; font-size: 32px; }

このままでは使えないようです。

作成ビューからタグを見てみます。

タグ組チャレンジ!浅田美鈴 編

<span stayle=“color; #01ffff; font size:x-large><b> タグ組チャレンジ!浅田美鈴

🔗 本名で活動する浅田美鈴本人による公式声明はこちら:
https://asadamisuzucopyrightseimei.blogspot.com/

🧑‍💻 ChatGPT先生とCove先生に『ドイツ語の単語』についての質問をしていて コーディングをしてくださったのでセルの質問もしました。これは一部です また 実践でColorNoteに記録してある分にチャレンジしていきたいと思います。

 💡まとめ表 属性名 意味 例と効果 border="1" 表・セルの枠線を表示 1で線あり、0で線なし cellpadding="6" セル内の文字と枠の間に余白をつける 数字が大きいほど文字が枠から離れる cellspacing=...