2020-04-01

JavaWeb--了解HTML

字数统计: 929字 | 阅读时长: 4分

一、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标签：设置超链接的基本设置
可以统一设置超链接的打开方式

1	如<base target="_blank"/>

2、link标签：引入外部文件
3、meta标签：设置页面的一些相关内容
4、title标签：表示在标签上显示的内容
图像标签：

1	<img src="图片的路径"/>

src: 图片的路径
width：图片的宽度
height：图片的高度
alt: 图片上显示的文字，把鼠标移动到图片上，停留片刻显示内容，兼容性差
超链接标签：
(1)链接资源：

1	<a href="链接到资源的路径"> 显示在页面上的内容 </a>

href: 链接的资源的地址
target：设置打开的方式，默认是在当前页打开
blank : 在一个新窗口打开
_self: 在当前页打开默认
(2)定位资源：
如果想要定位资源：定义一个位置

1	<a name="top">顶部</a>

回到这个位置

1	<a href="#top">回到顶部</a>

表格标签：

1	表示表格的范围:<table></table>

border：表格线
bordercolor：表格线的颜色
cellspacing：单元格之间的距离
width：表格的宽度
height：表格的高度

1	每一行 <tr></tr>

设置对齐方式 align： left center right

1	每一列：<td></td>

设置对齐方式 align： left center right

1	使用<th></th>也可以表示单元格:可以实现居中和加粗

1	表格的标题：<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>

Java新手，若有错误，欢迎指正！

| 阅读量次