>웹 프론트엔드 >HTML 튜토리얼 >캡션 태그 사용 방법

캡션 태그 사용 방법

不言
不言원래의
2019-02-11 16:50:295556검색

caption 태그는 HTML 테이블에 제목을 추가하는 데 사용됩니다. 캡션은 HTML 문서에서 테이블 바로 뒤에 표시되어야 하며 다음을 사용하여 테이블 하단에 직관적으로 배치할 수 있습니다. CSS 아래에서는 캡션 태그의 구체적인 사용법을 살펴보겠습니다.

캡션 태그 사용 방법

caption 요소는 테이블 제목을 정의하지만 각 테이블에 대해 하나의 제목만 정의할 수 있습니다. 일반적으로 이 제목은 테이블 사이의 중앙에 위치합니다. 테이블 상급. (참조주소 : HTML양식)

구체적인 예시를 살펴보겠습니다

코드는 다음과 같습니다

<!DOCTYPE 캡션 태그 사용 방법>
<캡션 태그 사용 방법>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
<table border="1" cellspacing="0">
    <caption>最喜欢的颜色</caption>
    <tr>
        <th>名字</th>
        <th>喜欢的颜色</th>
    </tr>
    <tr>
        <td>Tom</td>
        <td>蓝色</td>
    </tr>
     <tr>
        <td>Jerry</td>
        <td>红色</td>
    </tr>
     <tr>
        <td>Marry</td>
        <td>粉色</td>
    </tr>
     <tr>
        <td>Cindy</td>
        <td>黄色</td>
    </tr>
</table>
</body>
</캡션 태그 사용 방법>
#🎜🎜 #효과는 다음과 같습니다. 제목은 표 중앙에 있습니다.

캡션 태그 사용 방법

이 기사는 여기서 끝납니다. 프론트엔드에 대한 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 관련 칼럼 튜토리얼을 참고하세요! ! !

위 내용은 캡션 태그 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.