HTML(hyper text markup language，超文本标记语言)
HTML基本机构
声明<!DOCTYPE html>
根元素<html></html>
头元素<head><head>
主体<body></body>
body 标签的默认 margin 是8像素
head标签中可包含标签有link, title, style, script, noscript, 和 base.
html，head，body标签可以被省略
title标签是必写的
空元素
在HTML元素中，没有内容的 HTML 元素被称为空元素。
HTML元素
HTML中，从开始标签(start tag)到结束标签(end tag)的所有代码，被称为HTML元素。
非闭合标签都是空元素，例如input，area，br，hr，img，base，embed，meta等
可替换元素和不可替换元素
可替换元素指浏览器根据元素的标签和属性，来决定元素的具体显示内容。html中的<img>、<input>、<textarea>、<select>、<object>都是替换元素。这些元素往往没有实际的内容，即是一个空元素。
比如：<input /> type="text" 的是，这是一个文本输入框，换一个其他的时候，浏览器显示就不一样
可替换元素，展现不由css控制（自带宽高的一般都是可替换元素）。
css比可替换元素属性优先级高
html 的大多数元素是不可替换元素，即其内容直接表现给用户端（例如浏览器）。
比如<p>wanmei.com</p>浏览器将把这段内容直接显示出来。
css布局，只支持横向布局和纵向布局
HTML中特殊符号需要转义
标签
大部分标签都有自己的默认样式，除去某些例如div，span的标签等等。
某些展示标签有alt属性，这个属性是在无法显示的时候可以显示提示信息。
div标签中contenteditable 属性设置div中内容是否可编辑
<button>按钮的选择
看这个链接做了什么动作，弹出一个框，就是button，跳转到另一个链接就用a标签
<meta>标签
<meta> 标签提供关于 HTML 文档的元数据。它不会显示在页面上，但是对于机器是可读的。可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
HTTP协议响应内容，如果缺少的第二部分响应，可以用meta中属性http-equlv 设置HTTP协议响应
例子：
<meta http-equiv="charset" content="iso-8859-1">
mate标签详细解释
<base>标签
由base制定了一个URL地址，接下来你所要调用的文件或图片等就无须再填写完整的地址，只需写上该文件名或图片名即可。例子：
base标签指定了新浪博客做为基准url，那么当前文档内的所有超链接将遵循这一规则，我们在链接中设置相对的访问目标，浏览器便会自动解析出一个完整的链接地址进行访问，倘若a链接的目标为空，浏览器也会根据base所给的url进行访问。值得注意的是，base标签需放在包含url地址的语句前面。
iframe标签
作用用来嵌套其他页面，默认样式高度50px 宽度100px。
<iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no"> <a target="myiframe">链接</a> </iframe>
在src里写#相当于当前页面
frameborder这个属性是有值的但是为了美观一般要设置值为0
如何点击<a>便签让嵌套页面跳转到指定链接
1，在iframe中设置属性name=xxx
2，在<a>中设置属性target=xxx
就可以了
a标签
a标签target属性有四个值
_blank// 空页面，另起一页
_self //自己，本身页面
_parent //父级页面，iframe上一级页面
_top //祖父级页面
download属性
a标签是否为下载链接是由HTTP协议中响应属性和在a标签中写上download属性决定的。
HTTP协议中设置content-type：application/octet-stream这就是下载格式。
href属性
其中的地址是相对地址。
如果写上协议HTTP协议或者https协议就会遵循这些协议跳转到目的网址，如果没有协议例如"//qq.com"就会遵从当前协议跳转，如果只写"qq.com"就会到相对对路径下寻找qq.com文件。
值为#12312是指锚点，不会发起请求，指在页面内跳转，只有锚点不发起请求。
值为?name=frank是查询参数，会向浏览器发起请求
还有一种就是JavaScript伪协议
<a href="JavaScript:;">qq</a>
需求：点击a标签之后不要跳转且不做任何动作
1，<a href="#">aa</a>这个会有跳转动作
2，如果不写href属性则会使得a标签变成span标签
3，<a href="">aa</a>这样会有请求，就是跳转到自身
<a href="JavaScript:;">qq</a>可以满足需求
form标签
与a标签不同之处：
a标签发出的是get请求，form标签发出的是post请求。
form标签也有target这个属性和a标签用法相同。
form表单里面必须有提交按钮
form表单提交传输过程中会，浏览器会根据传输协议(Contant-Type:application/x-www-form-urlencoded)会将所有传输内容变成utf-8对应的内容
提交表单的时候，input属性中必须有name属性，不然不能赋值提交
如何点击名称，聚焦输入框或者复选框
1，将这些框用label标签包裹
2，label标签包裹名称且设置for属性，for属性值为input设置的id
form表单默认是get请求，必须添加属性method="post"，file协议不支持post
例子：
<form action="目的地址" method="post"> <input type="submit" value="提交"> </form>
get和post
如果form表单中method属性为get，则把参数放到查询参数里面，不会写到HTTP协议中的第四部分中，post会把参数放到第四部分中。
get请求中HTTP协议没有第四部分，它是在查询参数中添加请求。我们也可以在post请求中在参数action中写出/s?wd=1122来添加到查询参数中。
在标签form中input type="buttom"和button标签区别
1，如果在form表单中只有一个button按钮且不设type则自动升级为提交按钮，如果设置type="button"则只是一个按钮。
2，input按钮如果不设置type="submit"则这个input按钮不是一个提交按钮。
input标签
input标签中type属性常用button，checkbox（复选框），radio（单选框）等等。
单选框radio必须赋值name属性且同为相同name时才能单选。
checkbox和radio都有和标签相对应的value值以提交时赋值给name。
select中子标签可以设value为空，在子标签标签里面设置disabled是灰色不可选，设置selected是默认选择，住select设置multiple按住shift键可以多选。
table标签
table总结.png
完整的table表格包括以上图中的所有标签。
标签colgroup中每一个col对应表格中的一列
table标签border默认是有空隙的，可以设置border-collapse:collapse;没有空隙。
网友评论