HTML의 테이블 및 목록에 대한 예제 튜토리얼-HTML 튜토리얼-php.cn

오늘은 여러분을 위해 양식과 목록을 준비했습니다. " > 오늘은 여러분을 위해 양식과 목록을 준비했습니다.

집

웹 프론트엔드

HTML 튜토리얼

HTML의 테이블 및 목록에 대한 예제 튜토리얼

零下一度

Jun 24, 2017 am 11:58 AM

html 베이스 시트

오늘은 여러분을 위해 양식과 목록을 준비했습니다.

1. 기사에는 다양한 데이터 테이블이 웹 페이지도 예외는 아닙니다.

(1), 라벨 의미

---------테이블 시작
　　- ------테이블 제목
　　　-------행 시작 태그
　　　　---- ----------헤더
---------줄 끝 태그

------ ---End of table

(2), table 스타일

cellpadding 속성은 셀 테두리와 셀 내용 사이의 거리를 설정합니다. SC
ellspacing 셀 사이의 거리입니다. 테두리성 속성은 틀의 형태의 너비를 나타냅니다. height
테이블의 높이를 설정하세요. [참고]: table에 높은 속성을 미디엄에 쓰고 자동으로 열리도록 하는 것이 가장 좋습니다. 하지만 이는 tr에 각 행의 필요한 높이를 제공할 수 있습니다

<html>
     <head>
	<title>表格</title>
     </head>
     <body>
	<table border="1px" width="500px" cellpadding="10px" cellspacing="10px">
　　		<caption>表格标题</caption>
　　　　		<tr height="50px"> 
　　　　　　		<th>表头</th>
　　　　　　		<th>表头</th>
　　　　		</tr>
		<tr> 
　　　　　　		<td>单元格</td>
　　　　　　		<td>单元格</td>
　　　　		</tr>
	</table>
     </body>
</html>

로그인 후 복사

효과

두 번째, 순서가 지정되지 않은 목록

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ' 원판(속이 빈 원) 원(빈 원) 정사각형(사각형)

code

<html>
     <head>
	<title>表格</title>
     </head>
     <body>
	 <ul type="circle">       
 		<li>无序列表</li>    
 	 </ul>           

     </body>
</html>

로그인 후 복사

effect　　

3.순서 목록

순서 목록:

< ;/li> (유형 속성)
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 1 (숫자 1.2.3으로 아래로 정렬...) A (대문자로 아래로 정렬) 문자 A.B.C...) A (소문자 a.b.c에 따름 .... Lowing)
ⅰ ⅰ (대형, Ⅱ, Ⅲ .... Lowing)
(Start 속성) & lt; >(이 순서 목록은 기본적으로 1부터 시작하지 않고 2부터 시작함을 나타냅니다.)
Code
```
<html>
     <head>
	<title>有序列表</title>
     </head>
     <body>
	  <ol type="A">       
   		<li>有序列表</li>  
   		<li>有序列表</li>
   		<li>有序列表</li>   
 	  </ol>                     

     </body>
</html>
```
로그인 후 복사
효과는 A, B, C에 따릅니다. 유형은 쓰기만 가능합니다. 하향 그 세 가지 유형

위 내용은 HTML의 테이블 및 목록에 대한 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!