标题标签:
< hn>< /hn>
n取值 :1~6
h1最大 h6最小
自动换行 且留白 默认加粗
常用属性:
align:对齐方式
left:左 right:右 center:居中
字体标签:(了解)规定文本的字体、字体尺寸、字体颜色。
<font></font>
常用属性:
face:字体
size:尺寸
color:颜色
颜色的取值:(RGB)
方式1: #xxxxxx x为16进制
方式2: 英文单词
图片标签:★
<img/>
常用属性:
★src:图片的路径
alt:替代文字
title:移上去显示的文字
width:宽
height:高
大小的写法:
像素:123px
百分比:20%
路径的写法:
相对路径:
./ 或者 什么都不写 当前目录
../ 上一级目录
绝对路径:
带协议的绝对路径:
http://www.itheima.com
列表标签:
<ol></ol> 有序
<ul></ul> 无序
常用的标签
<li></li> 列表项
超链接标记:
<a></a>
常用属性:
href:跳转路径
target:在那里打开
默认值:_self _blank(在空白页面打开)
表格标签★
<table></table>
常用的子标签
<tr>:行
<tr></tr>
常用子标签:
<td>:列
<th>:表头单元格 默认居中加粗
注意:
一行必须只有有一个单元格或者一列
table 的常用属性:
border:边框 像素值
width:
align:表格对齐方式(表格相对于这个父类标签的对其方式)
tr 的常用属性:
align:内容对齐
td 的常用属性:
align:内容对齐
colspan:跨列合并 值:合并的列数
rowspan:跨行合并
补充:
转义字符:
三部分构成 &实体;
掌握的转义字符:
> > //great then
< <
& &
空格
表单:
常用属性:
action:信息提交的路径 默认是当前页面
method:表单提交的方式
只需要掌握两种
get(默认)和post
get和post的区别:
1.get请求会把所有的参数追加在地址栏上,post请求不会
2.get请求参数大小有限制,post请求参数大小没有限制
3.post相当于get安全些
常见的子标签
input
select:下拉选
textarea:文本域
input标签
常用的属性:
type:
text:文本框 默认
password:密码框
radio:单选框 //name属性必须设置成相同名字,这样才是一组单选按钮
checkbox:多选框
file:文件框
submit:提交
reset:重置
button:普通按钮
hidden:隐藏域 在页面上不显示 提交的时候可以提交过去
image:图片提交 替代submit
name:
可以将几个单选框(复选框)设置为一组
要想将信息保存到服务器上必须有name属性
readonly:
readonly="readonly" 只读
disabled:
disabled="disabled" 禁用
select :下拉选
格式:
<select name="pro">
<option>黑龙江</option>
</select>
textarea:文本域
常用的属性:
cols:列
rows:行
提交到服务器的内容的格式:
key=value&
对于文本框 密码框 文本域 手写的内容传递过去了
对于单选框和多选框来说,却没有把值传递过去
要想把值传递过去 必须设置value属性
若下拉选要想把选中内容的值传递过去,请加上value属性
默认值:
文本框 密码框:只需要添加value属性
单选框 多选框:添加 checked="checked"
下拉选:添加selected="selected"
文本域:标签体
框架(了解)
frameset:规定框架结构 框架集
常用属性:
rows:水平qiege
cols:垂直切割
常用子标签
frame:具体实现
例如:水平切割3份
<frameset rows="15%,*,10%">
<frame>
<frame>
<frame>
</frameset>
frame:
常用的属性:
src:具体展示那个网页
name:给当前的frame起个名称 方便超链接使用