HTML 수업

표 - table

예제

<html>
<head><meta charset="utf-8"></head>
<body>
<table border="2">
    <tr>
        <td>이름</td>     <td>성별</td>   <td>주소</td>
    </tr>
    <tr>
        <td>최진혁</td>  <td>남</td>      <td >청주</td>
    </tr>
    <tr>
        <td>최유빈</td>  <td>여</td>      <td>청주</td>
    </tr>
</table>
</body>
</html>

예제

<html>
<head><meta charset="utf-8"></head>
<body>
<table border="2">
    <thead>
        <tr>
            <th>이름</th>     <th>성별</th>   <th>주소</th> <th>회비</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>최진혁</td>  <td>남</td>      <td >청주</td> <td>1000</td>
        </tr>
        <tr>
            <td>최유빈</td>  <td>여</td>      <td>청주</td> <td>500</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>합계</td>  <td></td>      <td></td> <td>1500</td>
        </tr>
    </tfoot>
</table>
</body>
</html>

예제

<html>
<head><meta charset="utf-8"></head>
<body>
<table border="2">
    <thead>
        <tr>
            <th>이름</th>     <th>성별</th>   <th>주소</th> <th>회비</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>최진혁</td>  <td>남</td>      <td rowspan="2">청주</td> <td>1000</td>
        </tr>
        <tr>
            <td>최유빈</td>  <td>여</td>      <td>500</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="3">합계</td>      <td>1500</td>
        </tr>
    </tfoot>

</table>
</body>
</html>

등장시기

html2

댓글

댓글 본문
작성자
비밀번호
  1. 카구
    th는 table header를 의미하는거 아니였나요
    대화보기
    • DONE!
    • bak.ha
      표1만 수강
    • 심외무별법
      감사합니다.
    • html어려워
      오타네요 ㅎ 두번째랑 세번째에서 td를 th로 바꿔쓰는 경우가 계셨네여
    • hongseok-kim
      0914 수강완료
    • rowspan 이 2가아닌 3이되어야 2칸이 병합되는데요... 왜일까요???
    • 김종엽
      2016.08.12 완료!
    • 장미언니
      완료 감사~
    • Ian Si Mong Seong
      수강완료
      2016.08.01
    • 녹색이
      쉬운 설명 덕분에 1일만에 다 봤습니다
      친절한 강좌 감사합니다^^
    • JustStudy
      2016.07.19 화
      고맙습니다 3.
    • 곰돌이 푸
      첫번째 동영상에서 갑자기 7분 50초 쯤에 2배속으로 말하셔서 놀랐습니다.
    • PhypheNP
      감사합니다!! 2배속 놀랐네요 ;ㅎ
    • 이승민
      정보 감사합니다 ㅎ center 태그 쓸 때 td태그 안으로 넣어야 작동되네요.
      대화보기
      • sy.baek
        감사합니다!
        대화보기
        • 천하제일탈세왕
          <center> </center>
          를 쓰시면 됩니다.
          대화보기
          • sy.baek
            표 안에 있는 데이터가 표칸의 중간에 오도록 할려면 어떻해야 하나요??
          • openarms
            Table 태그가 조금 헷갈렸는데 깔끔하게 이해가 됐네요.
          • 좋은 강의 잘 들었습니다.
            감사합니다.
          • 검사무운
            잘 봤습니다.
          • SK Kim
            도장 쾅!
            강의 도중 2곳이 갑자기 빨라져서 순간 당황했다는..
          • HTML초보
            설명,전략,방식 전부 다 진짜 쩌씨네여.....
            지금까지 수많은 인터넷강의를 들었지만 이렇게 완벽한 강의는 처음입니다.
            대단하세요
          • 감사합니다.
          • kim.jinreol@gmail.com
            그림 실력도 뛰어나신 줄 알았어요 ㅋㅋ
          • egoing
            https://thenounproject.com 의 이미지를 사용하고 있습니다~
            대화보기
            • 김진렬
              강의 시작할 때 처음 나오는 귀여운 이미지는 이고잉님께서 직접 그리신 건가요?
            • 엄기윤
              2배속, 재밌네요.
            • 1.5배속으로 듣고 있었는데, 깜놀 했습니다. ㅡ,.ㅡ^;;;
              대화보기
              • egoing
                지루하실까봐 악셀을 발봐봤어요 ㅎㅎ
                대화보기
                • egoing
                  지루하실까봐 악셀을 발봐봤어요 ㅎㅎ
                  대화보기
                  • sSll바버미니llSs
                    이고잉님,

                    표1 강의중 7분 40초 즈음에 목소리 두배로 빨라지기 되어있어요. 한...10여초? 그냥..상관없는 내용이지만 혹시나 알려드려요.
                  버전 관리
                  egoing
                  현재 버전
                  선택 버전
                  graphittie 자세히 보기