HTML基础之标签

最新推荐文章于 2021-06-09 22:42:42 发布

LCY133

最新推荐文章于 2021-06-09 22:42:42 发布

阅读量169

点赞数

分类专栏： # 前端文章标签： html

本文链接：https://blog.csdn.net/LCY133/article/details/108962198

版权

前端专栏收录该内容

13 篇文章 1 订阅

订阅专栏

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

LCY133

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础之标签

部分参考了菜鸟教程中的内容：https://www.runoob.com/html/html-basic.htmlHTML主要分为两部分，一个是头部 head，一个是主体body标签主要是用于body中的。基础标签分为四类：标题标签 h1-h6段落标签 p链接标签 a图片标签 img标题标签：标题标签按照h1 到h6区分字号，示例如下：<!DOCTYPE html><html><head><meta charset="utf-8"
复制链接

扫一扫