HTML5标签
文档连接
1.文件标签:构成html最基本的标签
*html:html文档的根标签
*head:头标签
*title:标题标签
*body:体标签
*<!DOCTYPE html>:定义文档类型为html
*代码:创建一个html类型的文档
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /><!--指定字符集为utf_8-->
<title></title>
</head>
<body>
</body>
</html>
2.文本标签:和文本有关的标签
*注释 <!-- 注释内容 -->
*<br/>:换行标签 可以写成<br>
*<h1>to<h6>:标题标签
*h1~h6字体逐渐减小
*<hr>:显示一条水平线
*属性(h5不支持,不推荐使用)
*color:颜色
*width:宽度
*size:高度
*align:对齐方式
*center:居中
*left:左对齐
*right:右对齐
*<p>:段落标签 自动换行加段落间隔
*<b>:字体加粗
*<i>:斜体
*<font>:字体标签(h5不支持,不推荐使用)
*属性:
*color:颜色
*size:大小
*face:字体
*<center>:居中标签(h5不支持,不推荐使用)
*属性定义:
*color:
1.英文单词 red,green,blue
2.rgb(值1,值2,值3):值的范围 0-255 如 rgb(0,0,255)
3.#值1值2值3:值的范围:00-ff之间。(16进制的rgb值) 如#0000ff
*width:
1.数值:width='20',数值的单位,默认为px(像素)
2.数值%:width='50%'占比相对于父元素的比值
3.图片标签:
*img:展示图片
*代码:
<!-- 展示一张图片 img -->
<img src="image/jiangxuan_2.jpg" align="right" alt="冲浪" width="500" height="500"/>
<!--
相对路径
*以.开头的路径
./代表当前目录 ./image/jigxuan_2.jpg
../代表上一级目录 -->
4.列表标签:
*有序列表:
ol:定义一个有序列表
li:列表项
*无序列表:
ul:定义一个无序列表
li:列表项
5.连接标签:
*a:定义一个超链接
*属性:
*href:指定访问资源的url(统一资源定位符)
*href可以访问当前目录的页面
*target:规定在何处打开url
*值:_self:默认值,在当前页面打开
_blank:在空白页面打
6.div 和 span:定义文档中的节,没有样式
*div:每一个div占满一整行。块级标签
*span:文本信息在一行展示,行内标签,内联标签(不会换行)
7.语义化标签:没有样式,h5中为了程序可读性提供的一些标签
*<header>
*<footer>
8.表格标签:
*table:定义一个表格
*border:边框
*width:宽度
*cellpadding:定义内容和单元格的距离
*cellspcing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条
*bgcolor:背景色
*align:对齐方式
*tr:定义表格的行
*colspan:合并列
*rowspan:合并行
*td:定义表格的单元格
*th:定义表头单元格,默认居中加粗
*caption:表格标题
*thead定义表格的头部分
*tbody:定义表格的体部分
*tfoot:定义表格的脚部分