2021.03.09HTML

小标签(格式化标签)

这些可以嵌套:

b/strong:加粗标签
big:字体变大标签
small:字体变小标签
i/em:斜体标签
del:删除标签
ins/u:下划线标签
sup:上角标标签
sub:下角标标签

  空格  <小于号  >大于号

超链接标签

a标签
href：链接的地址 超链接标签的作用：
【1】实现页面之间跳转
【2】实现锚点功能：{（1）可以实现同一个页面的锚点 #name；（2）也可以实现不同页面之间的锚点}
href:跳转的地址{（1）网络路径：http://www.baidu.com；（2）本地路径：index.jsp }
target:打开方式： _bank   另起一页

图片标签

img：图片标签不会自动换行
   src：引入图片的路径：本地路径或网络路径
   height/width:如果调整一个属性，另外一个属性会等比例的放大或者缩小；如果两个属性都调整，这个时候按照我们调整后的大小进行显示；大小可以使用百分比和px 使用百分比的时候默认浏览器的宽度是100%，height不推荐使用百分比
   title:图片标题
   alt:图片加载失败了给用户的提示信息

音频、视频标签

audio：播放音频
video：播放视频
   controls:显示控制面板
   loop:进入单曲循环
   autoplay:自动播放 google浏览器 火狐浏览器禁止了此功能
   controls:muted:默认静音
   属性名="属性值" 如果名称和值一致，书写一个即可 如loop="loop"<==>loop

列表标签

无序列表

<!--type:circle(空心圆) disc(实心圆) square(正方形)-->
		<ul type="circle">
			<li>List Item1</li>
			<li>List Item2</li>
			<li>List Item3</li>
			<li>List Item4</li>
		</ul>

有序列表

<!--type:1	a	A	i	I(罗马数字)-->
		<ol type="A">
			<li>List Item1</li>
			<li>List Item2</li>
			<li>List Item3</li>
			<li>List Item4</li>
		</ol>

定义列表

<dl>
			<dt>目录一</dt>
			<dd>ABC</dd>
			<dd>EFG</dd>
			<dd>LMN</dd>
		</dl>	
		<!--主要的操作图片混排的效果-->

列表标签作用：

1.导航栏信息
2.导航列表的展示
3.树形菜单

表格标签

table:
    border:表格的边框     width:宽     height:高
    align:表格本身居中，并不是里面内容居中； 想要内容居中，align属性只可以加到tr/td上
    cellspacing：表格边框和单元格之间的距离
    cellpadding：单元格和文本之间的距离
    bgcolor:背景颜色
    bordercolor:边框的颜色
    rowspan：行合并
    colspan：列合并