仕切り線 ようこそ、A班HP勉強会のページへ!

資料小分類

  • HTML/CSSを知る
  • Webトップ
  • HTMLトップ
  • 文字の入力
  • 見出しタグ
  • 練習1
  • 段落タグ
  • 水平線の挿入
  • 練習2
  • 強調表示
  • イメージの配置
  • リストの挿入
  • リストの入れ子
  • 著作情報
  • 区画
  • リンクの挿入
  • ページ内リンク
  • 他サイトへリンク
  • メールへリンク
  • ページ間リンク
  • 練習作品記録
  • CSSトップ

資料大分類

  • 資料トップへ戻る
  • 基礎編
  • HPを作ってみる
  • 白紙からページ作成
  • トップページを作成
  • サブページを作成
  • サイト管理
  • HTML/CSSを知る
  • Web ページ
  • HTML 練習
  • CSS 練習
  • レイアウト作成
  • レイアウト編集
  • 最新テクの活用
  • フォトモーション
  • フルCSSテンプ基本
  • フルCSSテンプ応用
  • jQuery の基本

リンク

  • サイト内検索
  • 問い合わせ
  • 参加者作品
  • HP勉強会トップ
  • A班ホームページ

~段落~

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

練習する HTML 要素: 段落

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

新しい段落を作る

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

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

  • 段落の挿入

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

  •  
  • [ページ編集]画面:
  • 段落挿入後
  • [HTMLソース]画面:
  • 段落のHTMLソース

ヒント段落が<p> ~ </p>タグで指定されています。

➌上書き保存する。

⇒ 水平線の挿入へ進む


| |