Html:超文本标记语言
:网页语言
规范:1,以<html>开始,以</html>结束
2,有两个部分组成,<head></head>和<body></body>
头标签中的title标签可以显示
对数据进行操作,先要用标签封装数据子,在设置其属性和属性值
格式: <标签 属性 = "属性值"></标签>其中 也可以这样写 <标签 属性 = ‘属性值‘></标签>
有的标签没有结束。。例如<br/>在标签内结束。
**** html思想
网页中的数据,根据需求不同可能显示的效果不同,可以通过修改标签的属性和属性值来达到效果。
而标签相当于一个容器,可以通过修改容器的属性值来改变容器内的所有数据
常用标签
***文字和注释:
<font></font>
size:范围是1-7,超过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>
其中一个属性
属性 target 值_self 在当前页面打开 浏览器默认的
属性 target 值_blank 在新建页面打开
<a href="要来连接的地址"target="_blank" >
**定位资源(回到顶部案列)
定义位置:<a name="位置"></a>
到达位置:<a href="#位置"></a>//一定加上#
**原样输出标签:<pre>内容</pre>
***表格标签
作用:对数据格式化,规范。
<table><table/>表格范围
<tr>行数</tr>表示一行
<td>单元格</td>单元格
table属性
border 值是1-7
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,且name一致,默认选择用属性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="一个按钮">普通按钮,和js结合
12,<input type="hidden" name="隐藏内容 ">隐藏项
HTML中其他标签
b 加粗
u 下划线
i 斜体
s 删除线
p 段落
pre原样输出
sub下标
sup上标
div自动换行
span在一行显示
**html的头标签
title:标题
base:设置超链接一些操作
meta:提供页面有关的信息,比如关键字的搜索页面
link:引用外部文件,经常和css一起使用
***框架标签
把页面分成多个独立页面
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">百度一下</a>
对于浏览器不支持的协议,会在启动时在本地寻找所支持的应用程序