■属性fontよりstyleよりclassstyle属性＝指定範囲を直接的に装飾する。同じ装飾を複数箇所させたいときに都度同じ記述をしなければならず、微調整をしたい場合、すべてを書き直す必要がある。class属性＝装飾内容はCSSファイルに記述されているので、HTML等のファイル中での記述が少なく、...

HTMLの全体構造■headとbody　head要素→ページに関する情報。ブラウザに表示されない。　body要素→実際に表示する内容■構造の概要< !DOCTYPE html >--------------HTMLのバージョン宣言。< html > < head >----------------------WEBページの設定に関するする情報。必ず3項目ある。 < meta charset="utf-8" >---------------------------①文字コード < title>Progate---------------------------②ページのタイトル名（ブラウザのタブ...

🌹WEB🌎html.cssの基本https://jp.bloguru.com/love/456731/webhtmlcss🌹WEB🌎文字を書くhttps://jp.bloguru.com/love/455162/web🌹WEB🌎文字配置https://jp.bloguru.com/love/4553...

■背景色を変える→「background-colorプロパティ」その行の色の変更HTML< h1 >大見出し< /h1 >< p >段落< /p >大見出し段落↓CSSh1{ background-color:#dddddd;}p{ background-color:#ffd800;}■背景色の幅、...

< img src="url" >image sourceイメージソースsrc属性のurlの部分に画像のリンクを指定。要素はテキストを囲むことがないため、終了タグ不要。< img src="https://prog-8.com/images/html/beginner/school.jpg" >...

< h >heading。見出しタグのこと。< h1 >が大見出し＝サイトのメイン以下、< h2 >～< h1 >h1の場合< /h1 >h1の場合< h5 >h5の場合< /h5 >h5の場合HTMLの構造をわかりやすくする。検索エンジンが理解しやすい。利便性が高くなる。→　SEOに良い効果。大：h1～小：h6同じ数値の場合は同じランクとして扱われる。< p >patagraph。段落を作る。改行されるが、改行そのものが目的ではない。< p >1行目< /p >< p >2行目< /p >1行目2行目＜qa＞anchor。リンクの埋め込み。＜li ＞list item。箇条書き。ulタグ（中...