总结html标签及用法,HTML常用标签总结

HTML常用的标签

在讲HTML常用标签之前，我们先认识下HTML。

HTML，超文本标记语言(英语：HyperText Markup Language，简称：HTML)是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

声明必须是 HTML 文档的第一行，位于html标签之前。是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，有助于浏览器中正确显示网页。其它声明方式及最新html标准可以通过以下链接学习：

HTML简介：http://www.runoob.com/html/html-intro.html

HTML标准：https://www.w3.org/TR/html51/

MDN：https://developer.mozilla.org/zh-CN/

HTML常有标签基本用法

1. iframe 标签 (嵌套页面)

frameborder=0 用来消除很丑的边框

name属性基本要和a标签一起，不是没什么用，name=xxx 指定a标签的跳转窗口

src=source 一般接网址，也可以是一个相对路径

2. a标签 (跳转页面HTTP GET请求)

target 四个值

空

自己

父级

顶层

target的值可以为 iframe name的值

download属性

一个网页可以用浏览器查看，也可以下载，确定条件：

根据html响应的Content-Type for download

a标签可以download指定强制下载

href值：

无协议绝对路径，根据当前文件协议决定

锚点，#xxx

查询字符串 ?name=xxx

JavaScript

JavaScript:alert(1); 会直接执行

JavaScript:; 点击标签不会跳转，无反应

3. form标签：跳转页面(HTTP POST 请求)

form表单内必须要有input“提交”按钮，否则就无法提交这个form，除非你用JS

form标签主要是用来发起一个post请求

input的name最终会带到请求的第四部分/post

file协议不支持post

get会把input内的参数放到查询参数中

post默认会把input的参数放到请求的第四部分

post可以通过修改action的值来添加查询参数

form标签也有target与a标签一样

4. input/button

如果form内的button没有type会自动升级为提交按钮

如果写有type则会响应这个type响应的事情

理论上label要写for 和id 但是可以用label包input的方法省略

checkbox是复选框，要将同属同一个类别name给同一个名字

radio单选框圆点 要将同类别的name给同一个名字

posswword是用来输入密码的，实际是在请求/响应里为明文

input与button的区别：input是没有子元素的

5.table

HTML规定table内只能有三个元素:

th/td的区别：th用作表头，td用作数据

colgroup 控制表格内每列的宽度、bgcolor

table内的元素顺序会被浏览器自动排序，如果浏览器分辨不出table 的顺序，则会按代码顺序

table的border的默认是有空隙的，可用border-collapse：collapse;取消