首页 > 代码库 > 关于HTML的一切（一）
关于HTML的一切（一）
1、元素：指的是从开始标签到结束标签的所有代码
2、HTML链接：
去除下划线：text-decoration:none;
href属性：指向另一个文档的链接
name属性：创建文档内的链接
<a name="tips">hello</a><a href="#tips">跳转到hello</a>
target="_self"：在本页面打开
target="_blank"：在新页面打开
target="top":在最外层的压面打开，意思就是说代开新的窗口在新页面内打开
target="parent":当前页面有多层时，在承载本页面的父级页面打开
3、表格使用<table><tr><th><td>
在HTML5中，表格的属性可以不写在表格标签内，写在样式表内也可
垂直对齐：vertical-align属性
表格标题：caption
表格边距：cellpading
表格间距：cellspacing
不显示表格边框：去掉"border"属性。
4、列表
自定义列表：<dl><dt><dd>
5、表单
表单：<form method="get/post" action="服务器文件"></form>
控制标签：<label for="ID值"></label>
输入域：<input type="text/password" id="ID值" name="后台获取数据对应" value="http://www.mamicode.com/预显示的文本">
文本域：<textarea rows="" cols=""></textarea>
下拉列表框：
<slecet> <option value="提交值" select="selected"> <option value="提交值"> <option value="提交值"></select>
复选框：<input type="checkbox">
单选框：<input type="radio" name="#">,name属性相同，使选项组合在一起，完成单选
按钮：<button type="button">click me!</button>
提交/重置按钮：<input type="submit/reset" value="http://www.mamicode.com/按钮显示的名称">
get/post：本标准答案参考自w3schools
- GET在浏览器回退时是无害的，而POST会再次提交请求。
- GET产生的URL地址可以被Bookmark，而POST不可以。
- GET请求会被浏览器主动cache，而POST不会，除非手动设置。
- GET请求只能进行url编码，而POST支持多种编码方式。
- GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
- GET请求在URL中传送的参数是有长度限制的，而POST么有。
- 对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
- GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
- GET参数通过URL传递，POST放在Request body中。
与众不同的回答https://zhuanlan.zhihu.com/p/22536382
6、块元素、内联（行内）元素、内联块状元素
块级元素：①独占一行 ②默认100%宽度 ③可设置宽、高、内/外边距
内联元素：①与其他行内元素并列一行 ②大小为元素内容的大小 ③不可设置宽、高、内/外边距
<a>、<span><br><td>
内联块状元素：①与内联或内联块状元素并列一行 ②可设置宽\高\内/外边距
<img>、<input>
7、居中
定宽块状元素居中：margin:0 auto;
不定宽块状元素居中：①加入table标签,其宽度由内容而定，再用margin;
②dispaly:inline，然后用text-align;
③position：relative;left:50%;float:left;
内联元素、内联块状元素：对其父级元素设置text-align:center;
PS:当出现position：absolute 或者float:left/right时，元素的display属性自动变成inline-block
关于HTML的一切（一）