HTML常用标签

a标签的常用用法

a标，一般用来创建一个可以跳转到其他网页、同一页面内部锚点、文件、邮箱地址、电话或者其他URL的超链接。它的属性中href属性与target属性为我们需要知道并掌握。

href属性

1. 网址形式的，例如 https://google.com;http://google.com;google.com建议实用最后一种，浏览器会自动匹配。
2. 路径，分为绝对路径与相对路径形式：例如/a/b/c是绝对路径，该/代表的是启动http服务的根目录，并非系统文件的根目录。如果使用双击打开书写网页那么浏览器就会报错；a/b/c为相对路径，表示的是在当前网页的目录下寻找到c
3. 伪协议，javascript可执行代码，例如

   

   

   并且JavaScript可用来创建一个点击之后无任务动作的元素，只需要输入<a href="javascript:;">没反应</a>就可以完成。
4. mailto:邮箱可以直接唤起发邮件页面
5. tel:加手机号，直接可以跳转到打电话页面
6. id这是一个很好的锚点跳转方式。

   

target属性

1. -blank表示新开一个窗口打开页面，-self则表示在当前页面打开网页。
2. -top 表示在最顶层页面打开一个窗口，-parent表示在当前链接的上一层打开页面，通过图片我们能够较好的理解。

   

   

3. 至于windows name与iframe name,就是在指定的页面和iframe加载。

table标签的常用用法

1. table标签里面常用的标签有三个分别是<thead> <thody> <tfoot>.
2. <tr>表示的是table row
3. 以一个如下图的表格来具体演示表格的做法

4. 易错点 一般做总表格的时候最好需要吧标签<thead> <tbody>补全，否则浏览器就会自动给加上。 5. 关于表格的相关样式属性 table-layout一般选择auto ;boder-collapse 属性选为collapse ,border-spacing建议改为0.

img标签的用法

img标签的作用是发出get请求，展示一个图片。它的属性有

1. src图像的路径，这个是必须的。
2. alt属性是当图片加载失败时用于提示的文字。
3. 至于宽度与高度属性就是用来调整图片的大小的，当设置宽度不设置高度时，图片的高度会自适应，同理高度也一样，注意一个图片最好不要同时设置宽度与高度（除非拿到的图片的高宽是给定的），一般这样做的后果就是图片变形。
4. onload onerror,监听图片是否成功，代码是

form标签的用法

form标签的作用就是发出get或post 请求，刷新页面，它的属性有以下：

1. action 一般地址由后端人员给出。
2. method 属性表示是否用get还是post请求

   

   

3. target属性前面已经介绍，不加以强调。 form表单input标签的一些内容 input标签的作用就是让用户输入内容，其中type属性非常重要。
4. 当type="submit"时为提交表单按钮，此时会自动出现当前所用语言提交按钮，当然我们也可以通过value属性进行自定义。
5. 关于表单的提交使用input和button有什么不同的话，那就是input标签里面不能够再添加标签，但是button标签里面却可以，甚至连图片也可以。

   

3. 一个表单里面必须要有type=submit，才能使表单提交。
4. 关于input标签的type属性的一些其他选项，给出图片解释说明。