Html
标题标签:
<h></h>
常用属性:
Align:对齐方式
Left: 左 right: 右 center: 居中
格式:
<h2 align="center"></h2>
字体标签:
<font></font>
常用属性:
Face:字体
size:尺寸
color:颜色
颜色的取值:
方式1:#XXXXX X为16进制数
方式2:英文单词
其他标签:
<b></b> <strong></strong> 加粗
<i></i> 斜体
段落标签:
<p></P>
水平线:
<hr> 中间一条线
换行:
<br></br>
图片标签:
<img/>
常用的属性:
Src:图片的路径
Alt:替代文字
Title:鼠标指上去显示的文字
Width:宽 可以是百分之
Height:高 可以是百分之
大小的写法:
像素:123px
百分比
路径的写法:
相对路径:
./ 或者 什么都不写 当前目录
../ 上一级目录
绝对路径:
带协议的绝对路径:
列表标签:
<ol></ol> 有序 order
<ul></ul> 无序
常用标签:
<li></li> 列表项
超链接标签:
<a></a>
常用属性:
href:跳转路径
Target:在哪里打开
默认值:_self是自身页面打开 _blank是新页面打开
表格布局
表格标签:
<table border=""width="" align="">
<tr>
<td></td>
<?tr>
</table>
常用子标签
<tr>:行
<tr></tr>
常用子标签
<td>:列
<th>:表头单元格 默认居中加粗
注意:一行必须至少有一个单元格或者一列
Table 的常用属性:
Border:边框 像素值
Width:
Align:表格对齐方式
Tr 的常用属性:
Align:内容对齐方式
Td 的常用属性
Align:内容对齐
Colspan:跨列合并 值:合并的列数
Rowspan:跨行合并
表单页面
表单标签
<form></form>
常用属性:
Action:提交路径
Method:提交方式 get和post
常见子标签:
Input
Select
Textarea
input标签:
10种属性:
Text
Password
Radio
Checkbox
File
Submit
Reset
Button
Hidden
Image
若想将内容发送到服务器,必须有name属性
Select标签:
<select name="">
<option value="提交到服务器的值">展示内容<option>
</select>
Textarea:文本域
格式:
<textarea cols="" rows=""name=""></textarea>
作用:
用来从浏览器端收集用户的信息
表单:
常用属性:
action:信息提交的路径默认是当前页面
method:表单提交的方式
只需掌握两种
get(默认)和post
get和post区别:
1.get请求会把所有的参数追加在地址栏上,post请求不会
2.get请求参数大小有限制,post请求参数大小没有设置
3.post相对于get安全
常见的子标签
input:输入框
select:下来选
textarea:文本域
input标签
常用的属性:
type:
text:文本框默认
password:密码框
radio:单选框
checkbox:多选框
submit:提交
reset:重置
buttom:普通按钮
hidden:隐藏域
image;图片提交 替代submit
name:
可以将几个单选框(复选框)设置为一组
要想将信息保存到服务器必须有name属性
readonly:
readonly="readonly" 只读
disabled:
disabled="disabled" 禁用
select:下来选
格式:
<select name="pro">
<option>黑龙江</option>
<select>
提交到服务器的内容的格式:
key=value&
对于文本框密码框文本域 手写的内容传递过去了
对于单选框和多选框来说,却没有把值传递过去
要想把值传递过去 必须设置value属性
若下来选要想把选中内容的值传递过去 加value属性
默认值:
文本框密码框:只需添加value属性
单选框多选框:添加checked="checked"
下拉选:添加selected="selected"
文本域:标签体
当我们提交的时候发现地址栏变化:
?username=tom&password=123&sex=on&hobby=on&hobby=on&photo=&pro=黑龙江&city=哈尔冰&intr=good+dtirl
开发一个后台管理页面,通过frameset实现
技术分析:
Frameset:框架集
Frame:具体实现
frameset:框架集 切割页面
常用属性:
Rols:垂直切割
Rows:水平切割
常见的子标签:
Frame
注意:不要和<body>共存
Frame:具体实现
常用属性:
Src:展示的页面的url
补充:
转义字符:
三部分构成 &实体
字符:
> : >
< : <
&: &
空格: 
Meta
源信息
<meta charset="UTF-8">指定浏览器用什么编码打开此页面