HTML基础之标签

部分参考了菜鸟教程中的内容:
https://www.runoob.com/html/html-basic.html
HTML主要分为两部分,一个是头部 head,一个是主体body
标签主要是用于body中的。
基础标签分为四类:

  • 标题标签 h1-h6
  • 段落标签 p
  • 链接标签 a
  • 图片标签 img

标题标签:

  • 标题标签按照h1 到h6区分字号,示例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>
</html>

段落标签

通过配对的

区分一个段落
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>

</body>
</html>

链接标签

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<a href="https://www.runoob.com">这是一个链接使用了 href 属性</a>

</body>
</html>

图像标签

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<img src="/images/logo.png" width="258" height="39" />

</body>
</html>

猜你喜欢

转载自blog.csdn.net/LCY133/article/details/108962198