部分参考了菜鸟教程中的内容: 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>