新手入门html 表格 表单 超链接 图片

超链接标签 <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=”控制文本按钮”