一、行内元素：行内元素只在一行中占据部分空间，不会占满整行，也就是说不会自动换行；
1、a标签：超链接标签，双标签。
常用标签属性：href：指定打开的页面；
target：用于指定在哪个窗口打开href标签属性指定的页面，常用属性值有_self 、_blank 等；
<a href="http://www.baidu.com" target="_self">百度一下</a> //target="_self"会在当前页面加载
<a href="http://www.baidu.com" target="_blank">百度一下</a>//target="_blank"会重新打开一个新的页面
2、img标签：图片标签，单标签。
常用标签属性： src：设置图片路径；
alt：设置图片不存在时替代文本，该属性的显示效果与浏览器以及浏览器版本有关；
height和width：设置图片的高度和宽度，单位为像素或%；
title：设定鼠标移到元素上时显示的信息；任何标签都有title属性，它不是img标签特有的；
img标签中src和alt标签属性不能省略；
<img src="img/QQ图片20200404185620.png" alt="这是一张QQ图片" title="QQ图片"/>当图片存在时，会显示图片而且鼠标悬停在图片上会出现title中的内容。
当图片不存在时，结果如图：
3、span标签：常用于组合文档中的行内元素，双标签。
span标签没有固定的格式表现，只有对它应用CSS样式时才会产生视觉上的变化；
推荐使用 <span> 来组合行内元素，以便通过样式来格式化它们。
<span title="这是一所双一流大学" >郑州大学</span>结果如图：
二、块级元素：块级元素会占满一整行空间，从而自动换行，即使它本身没有那么多的内容。
1、div标签：常用于文档中分区，双标签。
2、p标签：段落标签，双标签。
不建议使用align标签属性，推荐使用text-align样式属性代替。
<p align= "center">开始吧</p>
3、hn标签：h1-h6，字体会由大到小变化。
<h1>图书分类</h1>
<h3>图书分类</h3>
<h6>图书分类</h6>
4、ol标签：有序列表标签，双标签。
type：指定ol子标签li的编号类型：有1（数字）,A（大写字母）,a（小写字母）,i（罗马小写）,I（罗马大写）这几种。
start：指定ol子标签li序号起始点，默认为1，必须为整形数字。
reversed：HTML5新增标签属性，用于设定列表顺序为降序，其属性值为reversed。
<body>
<h3>图书分类</h3>
<ol type="A">
<li>小说</li>
<li>文艺
<ol type="a">
<li>文学</li>
<li>传记</li>
<li>艺术</li>
<li>摄影</li>
</ol>
</li>
<li>励志/成功
<ol type="a">
<li>职场</li>
<li>成功</li>
<li>人际</li>
<li>心灵修养</li>
</ol>
</li>
<li>童书
<ol type="a">
<li>0-2
<ol type="i">
<li>数字</li>
<li>图形</li>
<li>图画</li>
</ol>
</li>
<li>3-6</li>
<li>7-10</li>
<li>11-14</li>
</ol>
</li>
<li>生活</li>
<li>人文社科</li>
<li>经管</li>
<li>科技</li>
<li>教育</li>
<li>其他</li>
</ol>
</body>
5、ul标签：无序列表标签，双标签。
type：指定ul子标签li的编号类型：disc：实心圆（默认值）、square（实心方块）、circle（空心圆）
<ul type="circle">
<li>文学</li>
<li>传记</li>
<li>艺术</li>
<li>摄影</li>
</ul>
351
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
