HTML을 작성하는 방법-프런트엔드 Q&A-php.cn

HTML(Hypertext Markup Language)은 웹 페이지를 구축하는 데 사용되는 마크업 언어입니다. 이 기사에서는 HTML을 작성하고 웹 사이트에 스타일과 기능을 추가하는 방법을 다룹니다.

HTML 문서 작성

HTML 문서는 태그로 구성되며 태그는 중첩될 수 있습니다. 각 태그에는 여는 태그와 닫는 태그가 있습니다. 예:

<html>
<head>
    <title>这是网页标题</title>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落</p>
</body>
</html>

로그인 후 복사

이 예에는 HTML의 루트 태그, 웹 페이지 제목이 포함된 웹페이지 콘텐츠가 포함된 태그입니다. 태그에는 제목에 대한

태그가 있고 단락에 대한

태그가 있습니다.

태그 및 속성

HTML 태그에는 태그의 특성을 지정하는 속성이 있을 수 있습니다. 예를 들어, 태그는 아래와 같이 src 속성을 통해 이미지의 URL을 지정할 수 있습니다.

<img src="https://example.com/image.jpg" alt="这是图像的描述">

로그인 후 복사

이 예에서는 src 속성을 사용하여 이미지의 URL을 지정했으며 alt 속성은 다음을 제공합니다. 이미지에 대한 설명입니다.

링크

웹 페이지에서 다른 웹 페이지나 로컬 파일에 대한 링크를 추가할 수 있습니다. 태그를 사용하여 링크를 만듭니다. 예:

<a href="https://example.com/">这是一个链接</a>

로그인 후 복사

이 예에서는 href 속성을 사용하여 링크 대상의 URL을 지정합니다.

목록을 사용하여 정보를 정리할 수 있습니다. HTML에는 순서가 있는 목록과 순서가 없는 목록이라는 두 가지 유형의 목록이 있습니다. 순서가 있는 목록은

태그를 사용하고, 순서가 없는 목록은

<ol>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ol>

<ul>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ul>

로그인 후 복사

이 예에서는

스타일

CSS(Cascading Style Sheets)를 사용하여 웹사이트에 스타일을 추가할 수 있습니다. CSS는 웹 페이지의 모양과 레이아웃을 설명하는 데 사용되는 스타일 시트 언어입니다. 예:

<!DOCTYPE html>
<html>
<head>
    <title>这是网页标题</title>
    <style>
        h1 {
            color: red;
            font-size: 48px;
        }
        p {
            font-size: 24px;
            line-height: 1.5;
        }
    </style>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落</p>
</body>
</html>

로그인 후 복사

이 예에서는 태그 안에