本文の開始

無料ホームページ作成 HTML入門 y-labo - リストを設定するHTML

無料ホームページ作成HTML情報。無料でWeb/HP製作。ホームページ入門から、
HTML・CSS・SEO対策・フリーソフトから無料テンプレートまで。

格安ホームページ制作激安HPWeb製作のy-labo.net(わいらぼ、ワイラボ)

  • ホームページ制作費を安く・格安・激安!
  • ホームページ制作を早く!
  • でもかっこいいホームページにカスタマイズ
  • SEO対策でアクセスアップ
  • ホームページ制作後も安心サポート
  • 自分でもホームページを修正したい

2-8)リストを設定するHTML HTML入門

無料ホームページ作成情報 トップ > HTML入門 > 2-8)リストを設定するHTML

 

ご自分でホームページを作成・修正される方のために、ホームページ作成のためのコンテンツをご用意しました。すべて無料のコンテンツですのでお役立てください。なお、こちらのコンテンツに関してはサポートを行っていません。ご質問のメールなどはご遠慮いただければと思います。

リストを設定するHTMLについて

HTMLでリストを設定します。

このページで最終的に作成するページの見本はこちらです。

記号でリストを設定するタグ <ul>タグ <li>タグ

記号つきのリストを設定するためには<ul>タグと<li>タグを使用します。
<ul>タグは、リスト全体を設定する項目です。
<li>タグは、リストの1つ1つの項目を設定する項目です。

見本画像

例)
<ul>
<li>江東区</li>
<li>墨田区</li>
<li>練馬区</li>
・・・
</ul>


  • 江東区
  • 墨田区
  • 練馬区
    ・・・

ブラウザでプレビュー

ブラウザでプレビューすると以下のように表示されます。

見本画像

このページのTOPへ

番号でリストを設定するタグ <ol>タグ <li>タグ

番号つきのリストを設定するためには<ol>タグと<li>タグを使用します。
<ol>タグは、リスト全体を設定する項目です。
<li>タグは、リストの1つ1つの項目を設定する項目です。

見本画像

例)
<ol>
<li>旭区</li>
<li>阿倍野区</li>
<li>生野区</li>
・・・
</ol>


  1. 旭区
  2. 阿倍野区
  3. 生野区
    ・・・

ブラウザでプレビュー

ブラウザでプレビューすると以下のように表示されます。

見本画像

合わせてこちらもご確認ください。

このページのTOPへ

このページのTOPへ

格安です!ホームページ制作をご依頼ください!!

ホームページ制作は専門用語も多く、わかりにくいことも多いかと思います。ホームページの制作方法や制作費用、アクセス数アップ(SEO対策)などわかりにくいことがあればお気軽にお問い合わせください。

このページのTOPへ

格安ホームページ制作依頼

メールでご相談

メールでのお問い合わせは365日24時間受付中です。

お電話でのご相談

090-3401-6229(直通)

【対応時間】

平日のみ(土日祝日はお休み)
午前11時〜午後7時頃

※留守番電話にメッセージを残して頂ければ、対応時間内にこちらより折り返します。

ページの終了