day01
07 img图形标签
src属性:指定图片位置
alt属性:当图片无法加载时显示的提示信息
title属性:鼠标悬浮时显示提示信息
heigth属性:图片的高(单位是像素)(如果宽和高只指定一个,图片会按比例缩放)
width属性:图片的宽
bordei属性:边框
usemap属性:将图片分区,每个分区点了之后链接到不同的页面(不常用)
08 超链接
a标签:anchor锚
1.超链接:点击之后跳转页面
格式:协议名+资源
例 http://www.baidu.com
mailto:XX@dhasj.cn发送邮件
2.锚==>在当前页面跳转 例如回到顶部==>就是锚
1>做一个锚标记,使用a标签的name属性指定锚点名称<a name="abc">这是顶部</a>
2>跳转到锚标记,使用href标签指定要跳转到锚点<a href="#abc">回到顶部</a>
a标签中的属性
href属性:跳转的资源名或锚点名
name属性:定义锚点时,指定锚点名称
target属性:针对资源跳转时使用
该属性不指定==>在当前页面打开
_blank:在空白页打开
09 表格属性
<table>表格:
border:边框
cellspacing:外边距==>单元格和其他单元格(边框)之间的距离
cellpadding:内边距==>内容和单元格框线之间的距离
<tr>:table row 表格中的一行
<td>:table data cell 一列中的一个单元格
<th>:table header 标题单元格
colspan属性:横着占多少列
rowspan属性:竖着占多少行
align属性:对齐
10 框架标签
框架标签与<body>标签 互斥(同一级)(把<body>标签删除)
frameset:定义一个框架
rows:将框架按照行(横着分)分割
cols:将框架按照列(竖着分)分割
frame:指定框架的页面
src:指定显示页面的路径
noresize:不能调整框架大小
注:在HTML中,当属性的键和值完全一样时,可以忽略属性的值
scrolling:是否显示滚动条yes no auto
frameborder:是否显示边框0(无边框)1(有边框)
11 表单标签
form表单标签:要提交的内容,使用该标签包裹
action属性:决定表单提交到哪里
method属性:决定表单的提交方式 get(默认值)/post
post和get的区别:
1.post提交(http 请求正文中)键值对没有在地址栏上,而get是放在地址栏上的。
2.安全性上post更高一些。
3.长度上:get因为是放到地址栏中,长度受限。post理论上是无限的。
input标签:表单项标签
type类型:
text 文本框
password 密码框
radio 单选框
checkbox 多选框
file 文件上传
hidden 隐藏域
submit 提交
reset 重置
button 按钮
name属性:
对于表单项:提交时键值对的键
value属性:
1>对于需要提交的表单项:提交时的值
2>按钮类型的:按钮上显示的文字
disabled属性:
禁用。颜色变灰。不参与提交
使用范围,所有input都可以使用
checked属性:
默认被选中。
只适用于:1.radio 2.checkbox
maxlength属性:定义最大长度
size属性:定义输入框的显示长度
select标签:下拉选
size属性:同时显示的选项个数
multiple属性:变成多选
selected属性:让option默认被选中
textarea标签:文本域
col属性:列宽
row属性:行高
浙公网安备 33010602011771号