HTML 기본

예제를 통해 기본적인 HTML 태그를 배워봅시다

HTML 제목

HTML 제목(Heading)은 <h1> - <h6> 태그를 통해 정의됩니다.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
 
</body>
</html>

는

제목 1

제목 2입니다

제목 3입니다

제4입니다

타이틀 5입니다

타이틀 6입니다

HTML 단락

HTML 단락은 <p> 태그로 정의됩니다.

예

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<p>一个段落。</p>
<p>另一个段落。</p>
<p>还是一个段落。</p>
 
</body>
</html>

출력:

문단.

또 문단.

아직 한 문단이에요.

HTML 링크

HTML 링크는 <a> 태그를 통해 정의됩니다.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<a href="//m.sbmmt.com">这是一个链接使用了 href 属性</a>

</body>
</html>

출력:

href 속성을 사용한 링크입니다

팁: href 속성에 링크 주소를 지정하세요.

(속성에 대한 자세한 내용은 이 튜토리얼에서 배우게 됩니다.)

HTML 이미지

HTML 이미지는 <img> 태그로 정의됩니다.

예

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<img src="/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" />
 
</body>
</html>

출력:

참고: 이미지의 이름과 크기가 속성으로 제공됩니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1>标题</h1> <p>句子内容</p> <a href="//m.sbmmt.com">链接 PHP.CN</a>  <br><br> <img src="https://img.php.cn/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" /> </body> </html>

코드 재설정

자동운전

제출하다

시사 Clear