HTML 기본 내용 정리 [ 01 ]

coc·2023년 7월 29일

HTML 뜻

1. HTML이란 Hyper Text Markup Language 의 약자이며 웹 어플리케이션 뷰의 뼈대를 구성하는 용도이다.

2.프로그래밍 언어 라기 보다는 문서(Document)에 가깝다.

HTML의 기본구성과 EX)

<html>:(문서시작)
    <head>(머리글)
        <meta charset="UTF-8">
        <title>HTML START</title>
    </head>
    <body>(본문)
        <h1>첫번째 본문</h1>
        <h2>두번째 본문</h2>
    </body>
</html>(문서 끝)

Table

1.Table 은 문서 안의 표를 만드는데 사용한다.

2.Table 은 행(row)과 열(colum)로 구성된다.

3.span 은 폭을 의미 한다.

Table 에서 기본적으로 쓰이는 것

<caption></caption> 표제목
<tr></tr> 행 선언
<th></th> 헤더
<td></td> 데이터

Table 기본구성과 행 또는 열 늘리기 EX)

    <body>
        <table>
            <caption>rowspan=2</caption>
            <tr> 
                <td>TD</td>(데이터)
                <td>TD</td>
                <td>TD</td>
            </tr>
            <tr>
                <td rowspan="2">TD</td> (행이 들어갈 폭을 지정)
                <td>TD</td>
                <td>TD</td>
            </tr>
            <tr>
                <td>TD</td>
                <td>TD</td>
            </tr>
        </table>
        <table>
            <caption>colspan="2"</caption>
            <tr>
                <td>TD</td>
                <td>TD</td>
                <td>TD</td>
            </tr>
            <tr>
                <td colspan="2">TD</td>(열이 들어갈 폭을 지정)
                <td>TD</td>
            </tr>
            <tr>
                <td>TD</td>
                <td>TD</td>
                <td>TD</td>
            </tr>
        </table>
    </body>

coc

시작

다음 포스트

HTML 기본 내용 정리 [ 02 ]

1개의 댓글

happy

2023년 7월 29일

좋은 글이네요. 공유해주셔서 감사합니다.

답글 달기