关于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="预显示的文本">

　　文本域：<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="按钮显示的名称">

　　get/post：本标准答案参考自w3schools

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的一切（一）

标签：

原文地址：http://www.cnblogs.com/annzmy95/p/5908587.html