超链接标签 <a></a>
A里面的html属性 href=”所要跳转到的目标连接”
<a href=”http:是必须加的”></a>
特点:
超链接默认样式是蓝色 点击之后是紫色 并且带有下划线
target=” ”
target属性值:-self 在当前窗口打开
-blank 在新的窗口打开
title=” ”提示信息(大部分标签都能添加title属性只能是文本)
扩展:
1,空连接 <a href=”#”></a>
2,用a模拟按钮(不让a跳转)<a href=””javascript:;></a>
3,rel=”nofollow” 禁止传递权重||屏蔽超链接跟随
网页中的图片有二种
一个导入图片的结构
另一个是背景图
怎么样网网页导入图片
<img>
Img的html属性
border=””边框
height=””高度
width=””宽度
src=”导入图片的路径”
alt=”文本替换图片”(当图片加载不出来时会显示的文本内容)
title=”文本提示”(图片的一个标题)
img里面的alt属性作用:
A,当图片加载不出来的时候回显示文本
B,搜索引擎无法识别图片上面的文本,alt的存在方便于对图片关键字搜索
Img里面title属性作用:
A,文本提示
B,作为一个图片的一个小标题
文件夹路径
同级找同级
./
父级找子级
./ 文件夹名称/名称.后缀名
子级找父级
../返回上一级
组合使用:先返回,再进入
../文件名称/名称.后缀名
图片的格式:
Jpg png gif
表格的作用:显示数据
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
table里面的属性:
width=”” 宽度
height=”” 高度
border=”” 边框
bordercolor=”” 边框的颜色
bgcolor=”” 背景颜色
重要属性:
cellspacing=”” 表格之间的间框边距
cellpadding=”” 单元格的内容距离边框的边距
align=” ” 水平对齐方式
属性设置:center bottom middle(上下居中)
colspan=”合并的单元数量” 合并列
rowspan=”合并单元的数量” 合并行
注:无论合并行还是合并列操作的都是td
单元格合并:只要不跨行的都是合并列 跨行就是合并行和谁合并就把那个td删掉
如果合并行又合并列:
尽量先合并列再合并行
表单:
作用:收集用户信息
<form></form>
Form的html属性:
name=”表单的名称”
action=”接口地址” 数据提交的地址路径
method=””控制数据提交的方式post/get
表单控件:
<input>
type属性决定了input在页面中的显示状态
文本框(普通的输入框)
<input type=”text”>
name属性为当前控件的名称
value属性根据控件的不同作用也是不一样的
maxlength属性限制字符长度
size属性控制控件大小(字符为单位的)
密码框:
<input type=”password”>
提交按钮:
<input type=”swbmit”> value=”提交按钮的文字”
重置按钮
<input type=”reset”> value=”控制文本按钮”
空按钮:
<input type=”button”> vlaue=”控制文本按钮”