Построение списков HTML в два простых шага

Share

|

Создание HTML перечень требует двух элементов, что, когда они используются вместе, форма списка. . Первый элемент используется для пометить каждый элемент списка. or unordered . Второй определяет, какой список вы создания: заказал или неупорядоченные.

Давайте шаг путем создания Тони список городов в HTML.

Шаг первый:

Положите каждый пункт в списке <LI > . элемента.

element, which means enclosing the content in an opening <li> tag and a closing </li> tag. Чтобы создать список, вы положили каждый элемент списка в собственном <li> элемента, что означает, приложив содержания в открытии <li> метки и закрытие </ LI> метки. Как и в случае с любой другой элемент HTML, содержимое между тегами может быть столь же короткие или до тех пор, как вам нравится и сломанной в нескольких линиях.

  Найдите этот HTML в "journal.html" файл, и идти в ногу с изменениями, как мы делаем их. 
 
   of the HTML from Tony's journal here. Мы только с указанием фрагмент HTML с Тони журнала здесь. 
  <h2> 20 августа 2005 </ h2> 
  <img src="images/segway2.jpg" /> 
  <p> 
  Ну, я уже сделал это, уже 1200 миль, и я прошел 
  через некоторые интересные места по дороге: 
  </ P> 
  Walla Walla, WA </li> <li> Валла Валла, штат Вашингтон </ LI> 
 
  Первый переход список предметов вне пункта.  Этот список будет стоять на своих собственных. 
 
  Magic City, ID </li> <li> Волшебный город, ID </ LI> 
  ... и затем приложите каждого нового элемента списка с <li>, </ LI> набор тегов. 
 
  Bountiful, UT </li> <li> обильный, UT </ LI> 
  Last Chance, CO </li> <li> последний шанс, CO </ LI> 
  Why, AZ </li> Почему <li>, AZ </ LI> 
  Каждый из этих элементов <li> станет пунктом в этом списке. 
 
  Truth or Consequences, NM </li> <li> истины или последствий, Н. М. </ LI> 
  July 14, 2005 </h2> <h2> 14 июля 2005 </ h2> 
  <p> 
  Я видел некоторые Бирма Shave стиль знаков на стороне 
  дорога сегодня: 
  </ P> 

Шаг второй:

Вложите в ваш список предметов либо <ПР > или <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> 20 августа 2005 </ 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> Валла Валла, штат Вашингтон </ LI> 
  Magic City, ID </li> <li> Волшебный город, ID </ LI> 
  Bountiful, UT </li> <li> обильный, UT </ LI> 
  Last Chance, CO </li> <li> последний шанс, CO </ LI> 
  Why, AZ </li> Почему <li>, AZ </ LI> 
  Truth or Consequences, NM </li> <li> истины или последствий, Н. М. </ LI> 
  Все элементы списка сидеть в середине <ol> элементов и стать его содержание. 
 
  And here we close the <ol> element. </ OL> И здесь мы тесно <ol> элементом. 
 
  July 14, 2005 </h2> <h2> 14 июля 2005 </ h2> 
  <p> 
  Я видел некоторые Бирма Shave стиль знаков на стороне 
  дорога сегодня: 
  </ P>