집 > 기사 > 웹 프론트엔드 > 일반적으로 사용되는 일부 HTML 태그 및 사용법

일반적으로 사용되는 일부 HTML 태그 및 사용법

PHPz원래의: 2023-04-21 14:13:17690검색

HTML(HyperText Markup Language)은 웹사이트를 만들고 게시하기 위한 표준 언어입니다. HTML은 웹페이지의 구조와 콘텐츠를 설명하는 태그 집합을 기반으로 정의됩니다. 이 글에서는 일반적으로 사용되는 HTML 태그와 그 사용법을 소개합니다.

제목 태그

HTML에서는 문서의 콘텐츠 계층 구조를 설명하기 위해 6가지 수준의 제목 태그가 사용됩니다. 가장 높은 수준부터 가장 낮은 수준까지 h1, h2, h3, h4, h5, h6입니다. 그 중 h1이 가장 높은 레벨이고, h6이 가장 낮은 레벨입니다. 일반적으로 페이지는 하나의 h1 태그만 사용하며, 다른 수준의 태그는 다양한 수준의 자막이나 콘텐츠를 설명하는 데 사용됩니다. 다음은 간단한 예입니다.

<h1>这是主标题</h1>
<h2>这是次级标题</h2>
<p>这是一段内容</p>
<h3>这是三级标题</h3>
<p>这是另一段内容</p>

단락 및 줄바꿈 태그

HTML에서

태그는 단락을 나타내며 이전 블록과 텍스트 블록을 구분하는 데 사용됩니다. 단락에서 공백과 캐리지 리턴은 단일 공백으로만 간주됩니다. 동일한 단락에 여러 공백을 출력해야 하는 경우 HTML에서 공백 엔터티를 사용할 수 있습니다. 강제로 줄 바꿈이 필요한 경우
태그를 사용할 수 있습니다.

<p>这是第一段的内容。    这是第一段的另一行文本。</p>
<p>这是第二段的内容。</p>
<p>这是第三段的内容。<br>这些是第三段的第二行。</p>

이미지 태그

HTML의 태그는 웹 페이지에 이미지를 삽입하는 데 사용됩니다. 이 태그를 사용하려면 이미지의 URL과 이미지 크기, 테두리, 텍스트 설명과 같은 일부 속성을 제공해야 합니다.

<img src="image.jpg" alt="这是一张图片" width="500" height="500" border="1">

Hyperlink 태그

HTML에서 태그는 하이퍼링크를 만드는 데 사용됩니다. 가리키는 URL은 현재 웹사이트의 페이지일 수도 있고, 다른 웹사이트나 기타 자료일 수도 있습니다. 태그를 사용할 때 하이퍼링크 텍스트를 제공해야 합니다. 텍스트는 사용자에게 표시하려는 모든 단어나 문구일 수 있습니다. 태그에서 href(하이퍼링크 참조) 속성을 사용하여 링크의 URL을 지정합니다.

<a href="http://www.baidu.com">访问百度</a>

목록 태그

HTML에는 순서가 지정되지 않은 목록과 순서가 지정된 목록이라는 두 가지 목록 태그가 포함되어 있습니다. 순서가 없는 목록(

태그로 표시됩니다.

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>

테이블 태그

HTML의 테이블은

, ,

의 세 가지 태그로 구성됩니다. 그 중 태그는 테이블을 정의하는 데 사용되며, 태그는 테이블의 행을 정의하고,

태그는 테이블의 셀을 정의하는 데 사용됩니다. CSS 스타일을 사용하여 테이블의 너비, 배경색, 테두리 및 기타 속성을 설정할 수 있습니다.

<table>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
    </tr>
    <tr>
        <td>单元格4</td>
        <td>单元格5</td>
        <td>单元格6</td>
    </tr>
</table>

위 내용은 일부 HTML 태그의 사용법이고, 그 외에도 웹 페이지에서 사용할 수 있는 태그가 많이 있습니다. 이러한 태그를 통해 웹페이지의 콘텐츠와 구조를 빠르게 생성하고 수정할 수 있습니다.

위 내용은 일반적으로 사용되는 일부 HTML 태그 및 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：줄바꿈 없이 HTML 표시를 구현하는 방법다음 기사：줄바꿈 없이 HTML 표시를 구현하는 방법