練習問題

• トップ

• 事前準備

• フォルダー構造作成

• ビルダーの起動

• ビルダーの初期設定

• 編集画面の設定

• Web ページ

• バージョン選択

• ページ作成

• ファイル保存

• ブラウザ確認

• HTML の基礎

• 文字の入力

• 見出しタグ

• 練習１ index.html

• 段落タグ

• 水平線の挿入

• 練習２ dog.html

• 強調表示

• イメージの配置

• リストの挿入

• リストの入れ子

• 住所・著作情報

• 区画

• リンクの挿入

• ページ内リンク

• トップページ

• CSS の基礎

• スタイルの指定

• 文字フォント指定

• 文字色の指定

• 文字位置指定

• 背景画像

• 画像を回り込む

• ボーダー指定

• 間隔・余白指定

• 中央揃え

• リンクの修飾

• 対象限定スタイル

• トップページ装飾

• 外部 CSS

• レイアウト

• １カラム

• ２カラム

• 参考資料

• 参加者作品

• 問い合わせ

～段落～

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

練習する HTML 要素：　段落

• p 要素：
  • <p> ［段落単位の文章］ </p>
  • <p> ［段落単位の文章］ </p>
  • <p> ［段落単位の文章］ </p>
• 文章をいくつかの段落（パラグラフ）に分ける時に使います。p は Paragraph のことで 「段落」 という意味です。

新しい段落を作る

➊ 「練習１ index.html」 で作成した index.html ファイルを開く。

➋ 「秋田犬もらってください」 の後に、次のように段落を追加する。

• 

• 新しく段落を作るには、段落を作りたいところにカーソルを移動して、Shift キーを押しながら Enter キーを押します。文章の途中で段落を分割したい場合も同様に、分割したい位置で Shift キーを押しながら Enter キーを押します。

•  

• ［ページ編集］画面：
• 

• ［HTML ソース］画面：
• 

➌ 上書き保存する。

⇒ 水平線の挿入へ進む