- 블럭레벨의 수평의 가운데 정렬을 지정하는 속성 - 반드시 가운데 정렬하고자 하는 블럭레벨 요소에 직접 주어야 한다. - 반드시 움직일 수 있는 영역이 존재해야 한다. (실제영역이 100%가 되면 안됨)
text-align:
- 인라인 레벨의 수평 정렬을 지정하는 속성 - 기본값은 left임 - 수평정렬의 예약값은 left(기본), center(가운데), right(오른쪽) 이 있다. - 반드시 수평정렬을 시키고자 하는 대상을 감싸고 있는 요소(태그)에 기술해야 한다. - 반드시 움직일 수 있는 영역이 존재해야 한다. - 인라인레벨, 블록레벨 모두에 해당 속성을 기술할 수 있다. **html에서는 텍스트로 취급되는 대상(요소)는 글자포함, 인라인레벨 요소들이다.
colspan="n"
column 가로n개 이상 합치기
rowspan="n"
column 세로n개 이상 합치기
Table with Border
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table Element</title>
<style>
table{
/*겹침선 한 줄 표시 */
border-collapse:collapse;
}
table, th, td{
/*테두리(선)스타일 설정*/
border : 1px solid black;
}
/*셀 안의 여백 설정*/
th, td {padding: 15px;}
</style>
</head>
<body>
<h2>Table With Border</h2>
<p>Use the CSS border property to add a border to the table.</p>
<!--<table>-->
<table style="width:100%;margin:50px 0;">
<tr><th>Firstname</th><th>Lastname</th><th>Age</th></tr>
<tr><td>Jill</td><td>Smith</td><td>50</td></tr>
<tr><td>Eve</td><td>Jackson</td><td>94</td></tr>
<tr><td>John</td><td>Doe</td><td>80</td></tr>
</table>
</body>
</html>
