기본 HTML 자습서: 태그 이해(3)

零下一度
풀어 주다: 2017-05-12 13:56:45
원래의
1666명이 탐색했습니다.

1. ul을 사용하여 뉴스 정보 목록을 추가합니다.

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title> p标签</title>
 6 </head>
 7 <body>
 8 
 9 
10 </body>
11 </html>
로그인 후 복사

웹을 탐색하면 웹 페이지에 많은 정보 목록이 있음을 알 수 있습니다. , 아래와 같이 뉴스 목록, 사진 목록과 같은.

从零开始学习html(三) 认识标签(第二部分)0

뉴스 목록

从零开始学习html(三) 认识标签(第二部分)1

사진 목록

이 목록은 ul-li를 사용하여 만들 수 있습니다. 태그 완료. ul-li는 순서 없이 정보를 나열한 목록입니다.

구문:

<ul>
  <li>信息</li>
  <li>信息</li>
   ......
</ul>
로그인 후 복사

예:

<ul>
  <li>精彩少年</li>
  <li>美丽突然出现</li>
  <li>触动心灵的旋律</li>
</ul>
로그인 후 복사

웹 페이지에 표시되는 ul-li의 기본 스타일은 일반적으로 다음과 같습니다. 각 li 앞에 점이 있습니다. 아래 표시됨:

从零开始学习html(三) 认识标签(第二部分)2

시도해 보겠습니다. 편집기의 8행에