資料小分類

• HTML/CSSを知る

• Webトップ

• HTMLトップ

• 文字の入力

• 見出しタグ

• 練習１

• 段落タグ

• 水平線の挿入

• 練習２

• 強調表示

• イメージの配置

• リストの挿入

• リストの入れ子

• 著作情報

• 区画

• リンクの挿入

• ページ内リンク

• 他サイトへリンク

• メールへリンク

• ページ間リンク

• 練習作品記録

• CSSトップ

資料大分類

• 資料トップへ戻る

• 基礎編

• ＨＰを作ってみる

• 白紙からページ作成

• トップページを作成

• サブページを作成

• サイト管理

• HTML/CSSを知る

• Web ページ

• HTML 練習

• CSS 練習

• レイアウト作成

• レイアウト編集

• 最新テクの活用

• フォトモーション

• フルＣＳＳテンプ基本

• フルＣＳＳテンプ応用

• jQuery の基本

リンク

• サイト内検索

• 問い合わせ

• 参加者作品

• ＨＰ勉強会トップ

• Ａ班ホームページ

～水平線～

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

練習するHTML要素：　hr

• hr要素：
  • <hr>
• 水平線によって段落の区切りを視覚的に表します。HTML5では、段落レベルのコンテンツの、内容による区切り箇所を表します。
• hrはHorizontal Ruleで「水平線」の意味です。

水平線を挿入する

➊［段落タグ］で編集した、ファイルakita_index.htmlを開く。

➋「連絡先：akita@chan.co.jp」 の後に、次のように水平線を挿入する。

• 
• 

• ［HTMLソース］画面：
• 

➌上書き保存する。

⇒ 練習２ へ進む