HTML(Hypertext Markup Language)은 웹 페이지를 구축하는 데 사용되는 마크업 언어입니다. 이 기사에서는 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>이 예에서는
태그 안에