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