HTML 테이블, input

HTML의 테이블 태그와 input 태그를 간단히 정리해본다.

---

<table>
  <tr>
    <td>내용</td>
    <td>내용</td>
    <td>내용</td>
  </tr>
</table>

---

html의 테이블은 기본적으로 위와 같은 형식을 가지며, 표 형태의 디자인을 위해 사용된다.

table 태그로부터 전체적인 표의 형태를 결정하고, tr 태그로 테이블의 행을 만든다. td는 각 행의 셀에 해당한다. 위와 같은 형태로 테이블을 만든다면 1행 3열의 테이블이 완성될 것이다.

테이블의 주요 속성엔 border(외곽선), align(데이터 정렬) 등이 있고, td의 속성엔 span 속성이 있다. 셀 합병을 하는 속성으로, rowspan이나 colspan으로 나뉘며 합칠 갯수를 변수로 준다.

---

<input type = "text">
<input type = "button">
<input type = "checkbox">

---

html의 input 태그는 사용자의 입력을 받을 수 있는 태그로, type 속성의 여러가지 변수를 통해 다양한 형태로 입력을 받을 수 있다. 기본적으로 text, button등의 간단한 UI를 비롯하여 날짜나 e-mail, password 등을 입력 받을 수 있다.

입력받은 값들은 form 태그를 통해 사용할 수 있다고 하셨으나, 후에 웹 프로그래밍쪽으로 넘어가서 좀 더 자세히 설명해주신다고 한다.