６日でできる HTML入門
「6日でできるHTML入門」は、月～土の6日間で無理なくHTMLとCSSの基礎から応用までを学び、日曜にリフレッシュ👍翌週は別分野へチャレンジ🎉というシリーズコンテンツです。
✨前半（Day 1–3）
- HTMLの基本：ファイル作成→ブラウザ表示👀
- タグ入門：改行・見出し・段落、太字・斜体・上付き・下付き文字の装飾💪
- 画像＆リンク：画像挿入、同一ページ・外部サイト・画像リンクの設定🔗
🎨中盤（Day 4–5）
- CSS文字装飾：文字サイズ・色・フォント、行間・インデント調整✏️
- レイアウト：背景色・背景画像、要素サイズ・枠線・余白、角丸・影・半透明効果🖌
- 効率配置：div/span、float/clearで自由レイアウト🌐
🚀後半（Day 6）
- インタラクション：リンクのホバー効果、疑似要素で動きをプラス🎈
- 高度な構造：表のセル結合・グループ化、リストナビゲーション📋
- HTML5タグ：header, footer, nav, asideでモダンなページ設計🏷
💡おまけ
- フォーム＆iframe：ユーザー入力＆別ページ埋め込みでインタラクティブ化📥
これだけ学べば、シンプルなページから本格的なウェブサイト制作までバッチリ習得できます！🚀✨
✨Day１：１日目
✨Day２：２日目
✨Day３：３日目
| 11 文字書式のCSS② | 12 CSSによる色指定 |
| 13 CSSによる背景色の指定 | 14 サイズ指定とCSSによる枠線 |
| 15 CSSによる余白の指定 |
🎨Day４：４日目
| 16 CSSによる角丸・影・半透明の指定 | 17 divタグとspanタグ |
| 18 回り込みのCSS | 19 リンクのCSS |
| 20 CSSのまとめ |
🎨Day５：５日目
| 21 表の作成 | 22 表に使うCSS |
| 23 行や列のグループ化とセルの結合 | 24 表を活用したレイアウト |
| 25 リストの作成と活用 |
🚀Day６：６日目
| 26 ページレイアウトの作成① | 27 ページレイアウトの作成② |
| 28 CSSファイルの活用 | 29 インラインフレームの作成 |
| 30 フォームの作成 |