新手入门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>

Imghtml属性

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>

Formhtml属性:

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=”控制文本按钮”

 

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

上一篇:sudo: netstat:找不到命令的解决办法


下一篇:CTFshow web入门