HTML ul 태그는 무엇을 의미하나요? HTML ul 태그의 역할에 대한 자세한 설명
- 寻∝梦원래의
- 2018-08-28 13:42:3056082검색
이 글에서는 주로 HTML ul 태그의 세 가지 중요한 용도를 설명하고, li 태그와 ul 태그의 type 속성 사용을 포함한 HTML ul 태그에 대한 설명도 설명합니다. 기사를 함께
먼저 HTML ul 태그의 의미를 설명하겠습니다.
ul 태그는 테이블의 순서가 지정되지 않은 목록을 정의합니다. 목록은
이제 ul 태그의 기능을 설명하겠습니다.
- 은 순서가 없는 태그이고 영어 단어는 "unordered list"입니다. "는 닫힌 태그입니다. 꼬리는
사용된 구체적인 구문은 다음과 같습니다.
<ul>这里都是内容</ul>
1. 목록 항목 태그
<html> <body> PHP中文网 <ul> <li>HTML</li> <li>PHP</li> <li>python</li> </ul> </body> </html>
형식은 다음과 같습니다.
간단한 사용법은 끝났습니다. 이제 정렬되지 않은 목록의 작은 점들을 교체하고 싶은데 어떻게 해야 하나요?
2 태그의 유형 속성은 일반적으로
disc(점)
circle(원)
-
square( 사각형)
세 가지 속성 값, 이제 연습해 보겠습니다.
디스크는 실험되지 않으며 이전과 동일하며 작은 점으로 표시됩니다.
사각형 속성값을 살펴보겠습니다
<html> <body> PHP中文网 <ul type="square"> <li>HTML</li> <li>PHP</li> <li>python</li> </ul> </body> </html>
위 코드의 효과는 다음과 같습니다.
조금 작아서 눈에 잘 띄지는 않지만 실제로는 정사각형임을 알 수 있습니다 모양.
3 이제 중첩 목록에 대해 이야기하겠습니다.
중첩 목록은
- 태그 아래에 중첩되어 있으며
- 내부에 ul 태그를 만듭니다.
첫 번째
- 에는 그 아래에 2개의 목록 항목이 중첩되어 있고, 두 번째
- 에는 그 아래에 1개의 목록 항목이 중첩되어 있습니다.
<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 unordered list 태그의 상대적으로 간단한 세 가지 용도이며, CSS 측면도 있습니다. 나중에 논의하겠습니다. (자세한 내용은 www.php.cn에 로그인하세요.) 질문이 있으시면 아래에서 질문하실 수 있습니다.
【에디터 추천】
위 내용은 HTML ul 태그는 무엇을 의미하나요? HTML ul 태그의 역할에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!