Developer Factory

[HTML] 테이블: 행( tr), 열(th , td) 본문

Developer/Html

[HTML] 테이블: 행( tr), 열(th , td)

Jeremy.Park 2014. 6. 16. 10:10

<html>

<head>

<meta http-equiv="Content-Type" content= "text/html; charset=UTF-8">

<title> HTML005</title >

<style type="text/css" >

th{

  font-size: 20px;

  font-style: italic;

  font-weight: bolder;

}

</style>

</head>

<body>

<!-- 테이블: 행( tr), 열(th , td)

th: table header (컬럼해더)

td: table data (데이터 항목)

-->


<table border="1" >

  <tr >

    <th> 번호</th >

    <th> 이름</th >

    <th> 연락처</th >

    <th> 이메일</th >

   </tr >

  <tr >

    <td> 1</td >

    <td> 홍길동</td >

    <td> 111-2222</td >

    <td> hong@test.com</td >

   </tr >

  <tr >

    <td> 2</td >

    <td> 임꺽정</td >

    <td> 111-3333</td >

    <td> leem@test.com</td >

   </tr >

  

</table>


</body>

</html>



'Developer > Html' 카테고리의 다른 글

[HTML] 문단 표현 (paragraph)  (0) 2014.06.16
[HTML] 목록: 순서대로 번호가 붙은 목록  (0) 2014.06.16
[HTML5] ol, ul tag  (0) 2014.06.12
[HTML5] div, span의 차이  (0) 2014.06.12
[HTML5] 기본 TEXT 형식  (0) 2014.06.12