一、HTML的规范:
1、一个html文件开始标签和结束的标签:
2、html包含两部分内容
(1)
设置相关信息
(2)
显示在页面上的内容都写在body里面
3、html的标签有开始标签,也要有结束标签
4、html的代码不区分大小写
5、有些标签,没有结束标签 ,在标签内结束
二、HTML中常用的标签:
头标签
文字标签
注释标签
标题标签
水平线标签
特殊字符
列表标签
图像标签
超链接标签
表格标签
表单标签
b标签
s标签
u标签
i标签
pre标签
sup标签
sub标签
p标签
div标签
span标签
框架标签
三、重点标签:
头标签:
1、base标签:设置超链接的基本设置
可以统一设置超链接的打开方式
如
2、link标签:引入外部文件
3、meta标签:设置页面的一些相关内容
4、title标签:表示在标签上显示的内容
图像标签:
src: 图片的路径
width:图片的宽度
height:图片的高度
alt: 图片上显示的文字,把鼠标移动到图片上,停留片刻显示内容,兼容性差
超链接标签:
(1)链接资源:
显示在页面上的内容
href: 链接的资源的地址
target:设置打开的方式 ,默认是在当前页打开
blank : 在一个新窗口打开
_self: 在当前页打开 默认
(2)定位资源:
如果想要定位资源:定义一个位置
顶部
回到这个位置
回到顶部
表格标签:
表示表格的范围:
border:表格线
bordercolor:表格线的颜色
cellspacing:单元格之间的距离
width:表格的宽度
height:表格的高度
每一行
设置对齐方式 align: left center right
每一列:
设置对齐方式 align: left center right
使用
也可以表示单元格:可以实现居中和加粗
表格的标题:
6、合并单元格
rowspan:跨行
如:
人员信息
colspan:跨列
如:
人员信息
表单标签:
普通输入项:
密码输入项:
单选输入项:
复选输入项:
文件输入项:
下拉输入项:
1991
文本域:
隐藏项:
普通按钮:
普通提交按钮:
图片提交按钮:
重置按钮:
框架标签:
//把页面划分成上下两部分
//上面页面
//把下面部分划分成左右两部分
//左边的页面
//右边的页面