HTML基础（2.a,p,h,span,div）

最新推荐文章于 2023-02-02 15:44:57 发布

__XYQ

最新推荐文章于 2023-02-02 15:44:57 发布

阅读量1.9k

点赞数 1

分类专栏：前端基础知识文章标签： html

本文链接：https://blog.csdn.net/qq_41144008/article/details/78765115

版权

前端基础知识专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="http://www.baidu.com">一       清</a>
<!-- 这里我空格很多，但是你会发现打开后只有一个空格，所以有了&nbsp-->
<a href="http://www.baidu.com">一&nbsp;&nbsp;&nbsp;&nbsp;清</a>
<!-- 不能在标签里面写  <xx>这样的浏览器无法分辨是标签还是内容 ，可以用  &lt;xx&gt;
  还有很多这样的，不过那些图标不常用，记下&nbsp即可-->
<p>这里是段落666666666<br>6666666666666666</p>
<!-- <p>是段落，段落太长时候，加上<br>为了换行！-->
<h1>Yiqing</h1>
<h2>Yiqing</h2>
<h3>Yiqing</h3>
<h4>Yiqing</h4>
<h5>Yiqing</h5>
<h6>Yiqing</h6>
<!-- 字体大小从h1到h6依次减少-->

<span>hello</span>
<span>hello</span>
<span>hello</span>
<span>hello</span>
<!-- 可以发现span标签不换行-->

<!-- span标签称为行内标签，就相当于一个白板，CSS里可以对他操作一波
h标签和p标签称为块级标签，它霸占着一整行
H系列加大加粗，P标签：段落之间有间距-->

<div>1</div>
<div>2</div>
<div>3</div>
<!-- div标签很常见，它也是块级标签，一个占一行
不过它没有加大，也没有加粗，相当于有一个白板，
有句名言：学前端就要会DIV+CSS，作用不需多解释-->
</body>
</html>

__XYQ

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML基础（2.a,p,h,span,div）

html>lang="en"> charset="UTF-8"> Titlehref="http://www.baidu.com">一清href="http://www.baidu.com">一    清这样的浏览器无法分辨是标签还是内容，可以用 <xx> 还有很多这样的，不过那些图标不常用，
复制链接

扫一扫

专栏目录