JAVAEE就业--HTML语言总结
来源：程序员人生 发布时间：2015-03-21 09:21:06 阅读次数：2522次
Html：超文本标记语言
：网页语言
规范：1，以<html>开始，以</html>结束
2，有两个部份组成，<head></head>和<body></body>
头标签中的title标签可以显示
对数据进行操作，先要用标签封装数据子，在设置其属性和属性值
格式： <标签 属性 = "属性值"></标签>其中 也能够这样写 <标签 属性 = '属性值'></标签>
有的标签没有结束。。例如<br/>在标签内结束。
**** html思想
网页中的数据，根据需求不同可能显示的效果不同，可以通过修改标签的属性和属性值来到达效果。
而标签相当于1个容器，可以通过修改容器的属性值来改变容器内的所有数据
经常使用标签
***文字和注释：
<font></font>
size:范围是1⑺，超过7就当7
color:
***标题标签：
<h1></h1><h2></h2>......<h6></h6>...字体愈来愈小。
***水平线标签：
<hr color = "blue" size="5"/> 没有结束标签，在标签内结束size值是粗细
***特殊字符：
< <
> >
空格
& &
双引号”："
注册符：®
版权符： ©
***列表标签：
<dl></dl>：表示列表内容
<dt></dt>：列表标题 上层内容
<dd></dd>：列表 下层内容
***有序号的显示列表内容
<ol></ol>:标签范围：
<!--
属性type 值 1
属性type 值 a
属性type 值 i
-->
<li>内容</li>
***无序号的显示列表内容
<ul></ul>:标签范围：
<!--
属性type 值 type: 空心圆circle 、实心圆disc 、实心方块square ，默许disc
-->
<li>内容</li>
***图象标签
<img src="图片地址" width="图片宽度" height="图片高度"/>
**<alt>这是图片上显示的内容，鼠标放在图片上等片刻就能够看到</alt>
图象在html上级目录用"../"表示上级目录，都是相对html文件来讲的
辨别相对路径和绝对路径
***超链接标签
**连接资源
<a href="要来连接的地址">显示的内容</a>
其中1个属性
属性 target 值_self 在当前页面打开 阅读器默许的
属性 target 值_blank 在新建页面打开
<a href="要来连接的地址"target="_blank" >
**定位资源(回到顶部案列)
定义位置：<a name="位置"></a>
到达位置：<a href="#位置"></a>//1定加上#
**原样输出标签：<pre>内容</pre>
***表格标签
作用：对数据格式化，规范。
<table><table/>表格范围
<tr>行数</tr>表示1行
<td>单元格</td>单元格
table属性
border 值是1⑺
bordercolor 线的色彩
width 宽
height 高
cellspacing 单元格之间的距离
tr属性
对齐方式：align 值：left：居左 center：居中 right：居右
td属性
对齐方式：align 值：left：居左 center：居中 right：居右
**表示单元格<th></th>:作用是居和加粗中单元格内容
**表格标题<caption>设置表格的标题</caption>
**表格居中<center></center>，写在table外面
**合并单元格
rowspan:跨行
colspan:跨列
<></>
例如：
<table border="0" bordercolor="RED" cellspacing="单元格直接的距离">
<tr rowspan="3"><!--跨行-->
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td colspan="2">单元格</td><!--跨列-->
<td>单元格</td>
</tr>
<table/>
***表单标签（最重要）
**<form action="
服务器"><form/>表示表单的范围，开始结束
**提交的
服务器，可使用属性：action
**设置提交方式：可使用属性：method 值get和post方式提交
**文件上传的设置：属性 enctype
*
面试题：form标签提交的get和post方式的区分？
get要求数据会在地址栏显示，
get要求安全级别较低，post安全相对较高，
get要求数据大小有限制，post要求没有大小的限制
**<input type="不同类型"/>
1，<input type="text"/>文本输入项
2，<input type="password"/>密码输入项
3，<input type="radio" name="sex" value="nan"/> 单选输入项1
<input type="radio" name="sex" value="nv"/> 单选输入项2
**必须有name，且name1致，默许选择用属性checked="checked"
**除有name属性，还有value属性
4， <input type="checkbox" name="love" value="1"/>复选输入项
<input type="checkbox" name="love" value="2"/>复选输入项2
<input type="checkbox" name="love" value="3"/>复选输入项3
**除有name属性，还有value属性
**默许选择状态 可使用属性checked="checked"
5，<select name="xueli">下拉选择项
<option>--情选择--</option>
<option>下拉选择项2</option>
<option>下拉选择项3</option>
<option>下拉选择项4</option>
**这里也应当有value值
</select>
6，<textarea cols="几行" rows="几列" ></textarea>文本域
7，<input type="file"/>文件输入项
8，<input type="submit" value="按钮显示文字"/>提交按钮，提交到
服务器
9，<input type="image" src="图片地址">提交操作，图片提交
10，<input type="reset" value="重置按钮名字"/>重置按钮，恢复表单的初始状态
11，<input type="button" value="1个按钮">普通按钮，和js结合
12，<input type="hidden" name="隐藏内容 ">隐藏项
HTML中其他标签
b 加粗
u 下划线
i 斜体
s 删除线
p 段落
pre原样输出
sub下标
sup上标
div自动换行
span在1行显示
**html的头标签
title：标题
base：设置超链接1些操作
meta：提供页面有关的信息，比如关键字的搜索页面
link：援用外部文件，常常和css1起使用
***框架标签
把页面分成多个独立页面
frameset:页面划分方式
属性rows
<frameset rows="30,*">
属性cols
<frameset cols="30,*">
frame
<frame src="html路径"></frame>
***使用框架标签时，不能写在body内，也不能写在其外面，解决办法是去除body
***扩大标签 a
如果访问网络资源 加上"HTTP://"<a href=src="http://www.baidu.com">百度1下</a>
对阅读器不支持的协议，会在启动时在本地寻觅所支持的利用程序
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
