HTML ul 태그는 무엇을 의미하나요? HTML ul 태그의 역할에 대한 자세한 설명-HTML 튜토리얼-php.cn

HTML ul 태그는 무엇을 의미하나요? HTML ul 태그의 역할에 대한 자세한 설명

寻∝梦

풀어 주다： 2018-08-28 13:42:30

원래의

56087명이 탐색했습니다.

이 글에서는 주로 HTML ul 태그의 세 가지 중요한 용도를 설명하고, li 태그와 ul 태그의 type 속성 사용을 포함한 HTML ul 태그에 대한 설명도 설명합니다. 기사를 함께

먼저 HTML ul 태그의 의미를 설명하겠습니다.

ul 태그는 테이블의 순서가 지정되지 않은 목록을 정의합니다. 목록은

태그와 함께 사용됩니다. 정상적으로 데이터를 표시할 때 ul은 항목의 목록이고 li는 목록 항목입니다. 두 가지를 함께 사용하여 데이터를 표시할 수 있습니다. (특정 태그에 대한 자세한 내용은 PHP 중국어 웹사이트에서 학습하세요.)

이제 ul 태그의 기능을 설명하겠습니다.

은 순서가 없는 태그이고 영어 단어는 "unordered list"입니다. "는 닫힌 태그입니다. 꼬리는 입니다.

사용된 구체적인 구문은 다음과 같습니다.

<ul>这里都是内容</ul>

로그인 후 복사

1. 목록 항목 태그

와 함께 자주 사용되는

<html>
<body>
PHP中文网
<ul>
<li>HTML</li>
<li>PHP</li>
<li>python</li>
</ul>
</body>
</html>

로그인 후 복사

형식은 다음과 같습니다.

HTML ul 태그는 무엇을 의미하나요? HTML ul 태그의 역할에 대한 자세한 설명

간단한 사용법은 끝났습니다. 이제 정렬되지 않은 목록의 작은 점들을 교체하고 싶은데 어떻게 해야 하나요?

태그의 유형 속성은 일반적으로

disc(점)
circle(원)
square( 사각형)

세 가지 속성 값, 이제 연습해 보겠습니다.

디스크는 실험되지 않으며 이전과 동일하며 작은 점으로 표시됩니다.

사각형 속성값을 살펴보겠습니다

<html>
<body>
PHP中文网
<ul type="square">
<li>HTML</li>
<li>PHP</li>
<li>python</li>
</ul>
</body>
</html>

로그인 후 복사

위 코드의 효과는 다음과 같습니다.

HTML ul 태그는 무엇을 의미하나요? HTML ul 태그의 역할에 대한 자세한 설명

조금 작아서 눈에 잘 띄지는 않지만 실제로는 정사각형임을 알 수 있습니다 모양.

3 이제 중첩 목록에 대해 이야기하겠습니다.

중첩 목록은

첫 번째

<html>
<body>
PHP中文网
<ul type="square">
<li>这是嵌套
    <ul>
   <li>123</li>
   <li>456</li>
      <ul>
      <li>一二三</li>
      <li>四五六</li>
      </ul>
    </li>
    </ul>
    </li>
<li>HTML</li>
<li>PHP</li>
<li>python</li>
</ul>
</body>
</html>

로그인 후 복사

위 HTML에서 ul 태그의 효과는 그림과 같습니다.

HTML ul 태그는 무엇을 의미하나요? HTML ul 태그의 역할에 대한 자세한 설명