HTML常用的标签
在讲HTML常用标签之前,我们先认识下HTML。
HTML,超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于html标签之前。<!DOCTYPE>是指示 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 四个值
<a href="" target="_blank"></a> 空
<a href="" target="_self"></a> 自己
<a href="" target="_parent"></a> 父级
<a href="" target="_top"></a> 顶层
target的值可以为 iframe name的值
-
download属性
一个网页可以用浏览器查看,也可以下载,确定条件:
根据html响应的Content-Type for download
a标签可以download指定强制下载
<a href="" download </a>
-
href值:
- 无协议绝对路径,根据当前文件协议决定
<a href="//.qq.com"></a>
- 锚点,#xxx
<a href="#xxx"></a>
- 查询字符串 ?name=xxx
<a href="?name=xxx"></a>
- 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内只能有三个元素:<thead><tbody><tfoot>
- th/td的区别:th用作表头,td用作数据
- colgroup 控制表格内每列的宽度、bgcolor
- table内的元素顺序会被浏览器自动排序,如果浏览器分辨不出table 的顺序,则会按代码顺序
- table的border的默认是有空隙的,可用border-collapse:collapse;取消