資料小分類

• HTML/CSSを知る

• Webトップ

• HTMLトップ

• 文字の入力

• 見出しタグ

• 練習１

• 段落タグ

• 水平線の挿入

• 練習２

• 強調表示

• イメージの配置

• リストの挿入

• リストの入れ子

• 著作情報

• 区画

• リンクの挿入

• ページ内リンク

• 他サイトへリンク

• メールへリンク

• ページ間リンク

• 練習作品記録

• CSSトップ

資料大分類

• 資料トップへ戻る

• 基礎編

• ＨＰを作ってみる

• 白紙からページ作成

• トップページを作成

• サブページを作成

• サイト管理

• HTML/CSSを知る

• Web ページ

• HTML 練習

• CSS 練習

• レイアウト作成

• レイアウト編集

• 最新テクの活用

• フォトモーション

• フルＣＳＳテンプ基本

• フルＣＳＳテンプ応用

• jQuery の基本

リンク

• サイト内検索

• 問い合わせ

• 参加者作品

• ＨＰ勉強会トップ

• Ａ班ホームページ

～区画の挿入～

基本的なHTMLタグについての練習です。

練習するHTML要素：　レイアウトコンテナ （div タグ）

• div要素：
  • <div 属性="値">［複数の要素のコンテンツ］</div>
• 複数の要素をまとめてグループ化します。div要素自体は特別な意味を持たず、class、id、lang、title といった属性を使って、グループに共通の意味を持たせることができます。

レイアウトコンテナを挿入する

➊ファイルakita_index.htmlを開きます。

➋これまで入力した、見出し、段落、画像、水平線、著作表示を全て囲い込む区画を挿入します。

• 
• 

➌上書き保存します。

➍同じように、akita_dog.htmlファイルでも全体を囲む区画を挿入します。

⇒ リンクの挿入へ進む