> 웹 프론트엔드 > HTML 튜토리얼 > 웹페이지 HTML 순서 목록 ol 및 순서 없음 목록 ul에 대한 자세한 설명

웹페이지 HTML 순서 목록 ol 및 순서 없음 목록 ul에 대한 자세한 설명

高洛峰
풀어 주다: 2017-03-10 13:23:00
원래의
3642명이 탐색했습니다.

이 글에서는 웹페이지 HTML 순서 목록 ol과 순서 없는 목록 ul에 대해 자세히 설명합니다.

데이터 정리에 사용되는 목록 웹 페이지 표시를 제어하는 ​​수많은 HTML 태그를 학습한 후 독자는 처음에 순수한 기사 페이지를 만들 수 있습니다. 이 섹션에서는 HTML의 목록 요소에 대해 연구합니다. 목록 형식은 웹사이트 디자인에서 상대적으로 큰 비중을 차지하며 표시되는 정보는 매우 깔끔하고 직관적이어서 사용자가 쉽게 이해할 수 있습니다. 다음 CSS 스타일 학습에서는 목록 요소의 고급 기능을 광범위하게 사용합니다.

데이터 정리 목록

웹 페이지 표시를 제어하는 ​​수많은 HTML 태그를 학습한 후 독자는 처음에 순수한 기사 페이지를 만들 수 있습니다. 이 섹션에서는 HTML의 목록 요소에 대해 연구합니다. 목록 형식은 웹사이트 디자인에서 상대적으로 큰 비중을 차지하며 표시되는 정보는 매우 깔끔하고 직관적이어서 사용자가 쉽게 이해할 수 있습니다. 다음 CSS 스타일 학습에서는 목록 요소의 고급 기능을 광범위하게 사용합니다.

웹페이지 HTML 순서 목록 ol 및 순서 없음 목록 ul에 대한 자세한 설명

4.4.1 목록의 구조

HTML 목록 요소는 목록으로 둘러싸여 있습니다. 태그 구조에는

  • 로 구성된 목록 항목이 포함되어 있습니다. 구체적인 구조는 그림 4.17에 나와 있습니다.

    4.4.2 비순차 목록 만들기

    이름에서 알 수 있듯이 비순차 목록은 목록 항목이 목록에 있는 목록 형식입니다. 목록 구조에는 순서가 없습니다. 웹 애플리케이션의 목록은 대부분 순서가 지정되지 않은 목록을 사용하며 목록 태그는

      을 사용합니다. 작성 방법은 다음과 같습니다.

      • 목록 항목 2
      • 목록 항목 3
      • 목록 항목 4

      • 목록 항목 5

      웹페이지 HTML 순서 목록 ol 및 순서 없음 목록 ul에 대한 자세한 설명 4.4.3 순서가 있는 목록 만들기

      이름에서 알 수 있듯이 순서가 있는 목록은 목록 구조의 목록 항목이 순서대로 나열된 목록입니다. . , 1, 2, 3 또는 a, b, c 등과 같이 위에서 아래로 다양한 일련 번호가 있을 수 있습니다. D:web 디렉터리에 웹 페이지 파일을 만들고 이름을 ul_ol.htm으로 지정한 다음 코드 4.17과 같이 코드를 작성합니다.

      코드 4.17 목록 설정: ul_ol.htm

      목록 설정 <p></p> <p></p>

      웹 프론트엔드 기술

      • HTML
      • CSS
      • JavaScript< ; /li>

      • FLASH

      웹 배경 알아보기

        🎜>
      1. ASP
      2. ASP.net
      3. PHP
      4. CGI
      5. Ruby
      6. Python
      7. http: //localhost/ul_ol을 입력하세요. htm에서 탐색 효과는 그림 4.18에 나와 있습니다.

        웹페이지 HTML 순서 목록 ol 및 순서 없음 목록 ul에 대한 자세한 설명

        그림 4.18 목록 설정

      위 내용은 웹페이지 HTML 순서 목록 ol 및 순서 없음 목록 ul에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    • 원천:php.cn
      본 웹사이트의 성명
      본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
      최신 이슈
      인기 튜토리얼
      더>
      최신 다운로드
      더>
      웹 효과
      웹사이트 소스 코드
      웹사이트 자료
      프론트엔드 템플릿