本文为HTML中常用标签的用法。其中包括a标签,img标签,table标签,from标签
一、a 标签的用法
1.属性
href:跳转外部页面,规定链接指向的页面的 URL,可用于跳转到邮箱或者电话
<a href="https//goole.com">超链接</a>
target:跳转内部锚点,在指定的窗口打开超链接。
<a href="https//goole.com" target="_blank">超链接</a>
2.作用
1、 a的href的取值
网址:

路径

伪协议:

2、 a的target的取值

3、iframe标签 内嵌窗口(不推荐使用)

二、table标签的用法
1、相关的标签

2、相关的样式
table-layout:CSS属性定义了用于布局表格单元格,行和列的算法。

border-collapse:属性是用来决定表格的边框是分开的还是合并的。
border-spacing:属性指定相邻单元格边框之间的距离

3、img标签
作用 发出get请求,展示一张图片
属性
alt图片加载失败后显示的提示文字
width给图片设置宽度 只写宽度,高度为自适应
height给图片设置高度 只写高度,宽度为自适应

事件

响应式

四、from标签
作用
发get或post请求,然后刷新页面
action请求到路径的页面
method控制get或者post请求页面

autocomplete="on" 浏览器能够根据用户之前在表单里输入的值自动补全。 target="_balck"用来指示在提交表单之后,在哪里显示收到的回复.

在职前端开发,如果你也想学习前端开发技术,可以加入我组建的前端学习交流裙:851 231 348 也可以关注我的微信公众号:【前端留学生】自己根据多年来的开发经验总结录制的一套web前端精讲视频和学习方法,以及一些前端学习手册,前端面试题,端开发工具,PDF文档书籍教程,无偿分享给大家。需要的话都可以自行来获取下载。
网友评论