건설 HTML을 2 가지 간단한 단계를 나열합니다

두 가지 요소가 필요로하는 HTML 목록 만들기, 함께 할 때, 목록 양식을 사용합니다. . 첫 번째 요소는 각 목록 항목을 표시하는 데 사용됩니다. or unordered . 두 번째는 당신이 어떤 종류의 목록을 작성 : 결정 명령 또는 순서대로 정렬합니다.

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> 
  그럼 난 이미 천이백마일, 그리고 통과 했어 
  도중에 몇 가지 흥미로운 장소를 통해 : 
  </ p 하이라이트> 
  Walla Walla, WA </li> <li> Walla Walla, 웨스턴 오스트 레일 리아 </ 리> 
 
  첫 번째 목록 항목은 단락의 외부 이동합니다.  목록 자체에 설 예정이다. 
 
  Magic City, ID </li> <li> 매직시, 신분증 </ 리> 
  ... 다음 <li>, </ 리와 함께 각 목록 항목을 묶으> 태그를 설정할 수있습니다. 
 
  Bountiful, UT </li> <li> Bountiful, 유타 </ 리> 
  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> 
  그럼 난 이미 천이백마일, 그리고 통과 했어 
  도중에 몇 가지 흥미로운 장소를 통해 : 
  </ p 하이라이트> 
  We want this to be an ordered list, because Tony <ol> 우리가 주문한 목록,이 원하는 때문에 토니 
  특정 순서에 따라 도시를 방문했다.  그래서 우리는 <ol> 여는 태그를 사용합니다. 
 
  Walla Walla, WA </li> <li> Walla Walla, 웨스턴 오스트 레일 리아 </ 리> 
  Magic City, ID </li> <li> 매직시, 신분증 </ 리> 
  Bountiful, UT </li> <li> Bountiful, 유타 </ 리> 
  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 하이라이트>