HTMLの2つの簡単な手順で構築リスト

Share

|

HTML形式のリストを作成する2つの要素が必要で、ときに一緒に、リスト形式を使用します。 .最初の要素を各リスト項目をマークするために使用されています 。 or unordered . 2つ目は、作成しているリストの種類：決定指示または不規則 。

HTMLでの都市のトニーのリストを作成するまでのステップみましょう。

ステップ1 ：

リスト内の各項目を入れては<リー > . 要素を追加します 。

element, which means enclosing the content in an opening <li> tag and a closing </li> tag.リストを作成するには、自社内の各リスト項目を<li>の要素は、開口部内のコンテンツを囲むことを意味<li>タグと終了< /李>タグ。 他のHTML要素と同様に、タグの間にコンテンツまたはとしてできる限り短くするように、複数の回線で壊れた。

  あなたの" "ファイルを探して、このHTML journal.htmlでの変更についていくようにする。 
 
   of the HTML from Tony's journal here. 我々はトニーの日記ここからは、 HTMLの断片を見せている。 
  <h2> 2005年8月20日< / H2に> 
  <img src="images/segway2.jpg" /> 
  <p> 
 さて私は1200マイルは、すでに適用されている私に合格 
 途中でいくつかの興味深い場所から： 
  < / p > 
  Walla Walla, WA </li> <li>ワラワラ、ワシントン< /李> 
 
  最初のリスト項目は、段落の外に移動します。  このリストは、自分で立っているつもりです。 
 
  Magic City, ID </li> <li>マジックシティ、アイダホ< /李> 
  ...し、その後に<li>好き< /リーと各リスト項目を同封>タグを設定してください。 
 
  Bountiful, UT </li>バウンティフル<li> 、ユタ< /李> 
  Last Chance, CO </li> <li>最後のチャンス、コロラド< /李> 
  Why, AZ </li> <li>なぜ、アリゾナ< /李> 
  これらの各要素の<li>の項目が一覧になる。 
 
  Truth or Consequences, NM </li>真実や<li>結果、ニューメキシコ< /李> 
  July 14, 2005 </h2> <h2> 2005年7月14日< / H2に> 
  <p> 
 私の側にいくつかのビルマを剃るスタイルの兆しを見た 
 今日の道： 
  < / p > 

ステップ2 ：

リストの項目のいずれかで囲みます<オフィスレディー > オレゴンは<ul> . 要素を追加します 。

element to enclose your list items, then the items will be displayed as an ordered list; if you use <ul> , the list will be displayed as an unordered list. <ol>要素の場合は、その項目をリストとして表示されるリストの項目を同封するために使用の場合、使用は<ul> 、リストビュレット付きのリストとして表示されます。 element.ここにどうやって一<ol>要素でお客様の商品を同封する 。

繰り返しますが、私たちはトニーの日記ここからは、 HTMLの断片を見せている。

  August 20, 2005 </h2> <h2> 2005年8月20日< / H2に> 
  <img src="images/segway2.jpg" /> 
  <p> 
 さて私は1200マイルは、すでに適用されている私に合格 
 途中でいくつかの興味深い場所から： 
  < / p > 
  We want this to be an ordered list, because Tony <ol> 我々は、順序付きリストが、これが欲しいため、トニー 
  特定の順序での都市を訪問した。  だから、我々は<ol>開始タグを使用します。 
 
  Walla Walla, WA </li> <li>ワラワラ、ワシントン< /李> 
  Magic City, ID </li> <li>マジックシティ、アイダホ< /李> 
  Bountiful, UT </li>バウンティフル<li> 、ユタ< /李> 
  Last Chance, CO </li> <li>最後のチャンス、コロラド< /李> 
  Why, AZ </li> <li>なぜ、アリゾナ< /李> 
  Truth or Consequences, NM </li>真実や<li>結果、ニューメキシコ< /李> 
  すべてのリスト項目の<ol>要素の真ん中に座ると、その内容になっています。 
 
  And here we close the <ol> element. < /オフィスレディー> そしてここで我々は<ol>要素を閉じます。 
 
  July 14, 2005 </h2> <h2> 2005年7月14日< / H2に> 
  <p> 
 私の側にいくつかのビルマを剃るスタイルの兆しを見た 
 今日の道： 
  < / p >