1.锚记
能够快速定位到指定位置文档。
eg: 1.1 回到文档顶部
<a href="#top">回到顶部</a>
1.2 回到指定id 处
<h2 ><a href="#live" id="background">生活背景</a></h2>
<p id="live">生活背景balabalabala</p> <a href="#background">回到生活背景目录</a>
2.标签
<!DOCTYPE >指定文档类型。eg:html,xhtml 等.它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。其内声明dtd
<html></html> 为根标签。<head></head> 与body 标签为兄弟关系。标题title标签位于head 中。标题h1-h6位于body中。标题title 类似于打开京东网页显示的logo. "京东(JD.COM)-正品低价、品质保障"
<img /> <br />换行 <hr />水平分隔符 <base />只能包含在<head></head>中增加默认target、URL 属性
<input />单标签
eg:
<html>
<head>
<title></title>
<base target="_blank" />
</head>
<body>
<a href="http://www/sina.com" ></a> <!-- 在a 链接中 默认是 _self 在原页面打开 _blank 为新启一个窗口打开 -->
<a href="http://www/sina.com" target="_self"></a>
</body>
</html>
3.表格
caption 为table 私有,为table 的标题。
通常table 三参为0,border,cellpadding,cellspacing。
border 指边框大小。
cellspacing指一个单元格与(table边框)、单元格(上、下、左、右)间的距离。
cellpadding指内容与单元格边框(左,上,下)间的距离。
table在以前样式中大幅度使用,后 来代码重构,用 div+css 来渲染,table 只是用来存储数据。
table 只有行元素<tr>,单元格<td>,无列元素。
<th>为表头,比<td>中的元素加粗了。
4.表单
表单由表单控件(input等),表单域(form提交),提示信息(密码输入错误,手机号码等文字提示)组成。
表单域是表明当有多个表单提交的时候,用于区分,如在一个页面当中有多个搜索框可供提交搜索。
下拉选框 <select></select>
里面可以包含多个<option></option>选项
<option value="" selected="seleted">请选择</option> value属性用于选中后提交到后台的值。selected 属性用于选择默认选中的值。
textarea 用于大文本的填写。<textarea></textarea>
提交按钮也可用图像代替 <input type="img" src="1.jpg" />
radio 用于单选框 ,<input type="radio" name="sex" />男. 默认选中,需添加选中属性 checked="checked"
<input type="radio" name="sex" />女 同一内容要有相同name,才会只能选择一个。
checkbox 复选框 <input type="checkbox" name="para" />妩媚 <input type="checkbox" name="para" />可爱。name 属性的值也应一致。默认选中,需添加选中属性 checked="checked".
<label></label>标签可用于快速定位到输入框。eg:
<label>
用户名:<input type="text" />
</lable>
点击用户名 鼠标光标定位到输入框。
for 属性规定label 与那个表单元素绑定
<label for="position"></label>
用户名:<input type="text" id="position"/>