admin管理员组

文章数量:1585029

1.a 标签的用法

a标签是超链接标签,点击信息可以跳转别的页面。

1.href 取值

网址: (http:// xxx https://xxx //xxx三种形式)

路径:(/a/s/d/g a/d/f index.html ./index.html四种形式)

伪协议(javascript 代码 mailto:邮箱 tel:手机号码三种形式)

id (href = #xxx唯一类)

2.target 取值

内置名字(_blank空白页打开、_top顶层页打开 _parent父元素页打开 _self 自己的页面里打开)

程序员署名(window 的name:先打开一个网页,当前打开的页面即为目标页面、iframe的name:嵌套页面)

2.table 标签的用法

表格标签

1.格式

代码形式,标签的摆放是可以乱序的。

复制代码

2.相关样式

table-layout一般设置为自动表格布局(根据表格的宽度由表格内容决定)

border-collapse一般设置为collapse 相邻边框合并

border-spacing一般设置为0 相邻边框的间距为零,可根据需要调参

效果如图:

3.img 标签的用法

插入照片标签

1.作用

发出GET请求,展示一张图

2.属性

alt当浏览器加载不出时,提示的信息

height高度

width宽度

src地址

3.事件

onload

onerror

可由js判断照片是否成功加载,如未能成功加载可由其他照片代替。

4.响应式

max-width:100%;使得照片可以由不同设备进行显示

复制代码

4.form 标签的用法

表单标签

1.作用

发出GET/POST请求,刷新页面

2.属性

action xxx的地址

autocomplete自动填充账户信息

method请求的方式

target提交到哪种页面打开

3.触发

onsubmit

点击之后才会触发。

5.input 标签的用法

用于为基于Web的表单创建交互式控件,以便接受来自用户的数据; 可以使用各种类型的输入数据和控件小部件,具体取决于设备和user agent。

1.作用

让用户输入的标签

2.属性

button按钮

checkout多选

color颜色

radio单选

password密码

file上传文件

select选项

3.事件

onchange用户改变

onfocus用户聚焦

onblur失去用户聚焦

6.其他补充的知识点

1.  当使用http的时候就不是以文件夹为根目录了,而是在哪开启http服务就是以它为根目录了。如果双击打开会出现下图的情况。

正确的打开方式:

2.POST 和 GET 的方式区别

1.POST:向指定的资源提交要被处理的数据。

有关 POST 请求的其他一些注释:

POST 请求不会被缓存

POST 请求不会保留在浏览器历史记录中

POST 不能被收藏为书签

POST 请求对数据长度没有要求

复制代码

2.GET:从指定的资源请求数据。

有关 GET 请求的其他一些注释:

GET 请求可被缓存

GET 请求保留在浏览器历史记录中

GET 请求可被收藏为书签

GET 请求不应在处理敏感数据时使用

GET 请求有长度限制

GET 请求只应当用于取回数据

复制代码

小结

常用的标签掌握住它的用法,以及它的属性,根据自己的需求来书写代码,效率会提升很高。未完待续...

本文标签: 常用标签十大html