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 十大常用标签,HTML 常用标签 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dianzi/1727957022a1139509.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论