1.水平线标签
属性
color 颜色
size 粗细
width 长度
2.列表
有序列表
<ol><li><li><ol>
无序列表
<ul><li><li><ul>
3.div和span
div 标签
块级元素
默认占全部的宽度,有多少内容高度占多少
可以设置高宽
<div style="width: 500px;height: 100px;align-items: center;">这是一个div</div>
span 标签
行内元素(不会自动换行)
<span>这是一个span</span>
4.格式化标签
font标签
color 字体颜色
size 字体大小
face 字体风格
pre
欲格式化标签,保留空格和换行
b.加粗
i.倾斜
u.下划线
del.中划线
sup.上标
sub.下标
<font color="aqua" size="5" face="楷体">你好</font><br>
<pre>
hello world
</pre>
<p>
<b>以后的</b>你一定会<u>感谢</u>现在努力的自己
</p>
H<sub>2</sub>O
5. a标签
a标签定义超链接,用于从一张页面链接到另一张页面。
a元素最重要的属性是href属性,他指示要链接的目标位置,同时没有href属性a标签内
的内容与普通文本没有区别,也就失去了超链接的功能。
常用属性
href 需要跳转的地址
target 窗口打开的方式
_self:当前窗口
—_blank:在空白标签
<a href="https://www.huya.com/">虎牙</a>
6.img标签
向网页中嵌入一张图标
常用属性:
src:需要引入的图片的地址(必须属性)
alt:当图片破损或不存在时,显示文本的内容
title:当鼠标悬停在图片上时显示的文本
width:图片的宽度
height:图片的高度
border:图片边框
<img src="img/bd.png" width="500" height="400" border="2" title="锡尼希蓝"/>
表格
表格标签
table表格
tr 行
td 标准单元格
th 表头(字体居中、加粗效果)
table的属性
width 表格的宽度
border 边框
align 多起方式
<table width="400px" align="center" border="1" style="border-collapse: collapse;">
<tr align="center"bgcolor="antiquewhite">
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<th>1</th>
<th>杨和苏</th>
<th>18</th>
</tr>
<tr>
<th>2</th>
<th>万妮达</th>
<th>16</th>
</tr>
<tr>
<th>3</th>
<th>法老</th>
<th>66</th>
</tr>
</table>