HTML基础网站:http://www.w3school.com.cn/html/index.asp
HTML参考手册:http://www.w3school.com.cn/tags/index.asp
HTML参考资料:http://www.runoob.com/html/html-tutorial.html
html文档
- 定义文档类型:<! DOCTYPE html>
- 结构 :<html><head></head><body></body</html>
- 标签、属性(名称/值对的形式)、内容:<html lang="en">abcds</html>
- 注释:<!--内容-->
- 标签分类:
- 自闭合标签:Eg:<meta charset="utf-8"/> 、<br/>、<hr/>
- 主动闭合: Eg:<head>xxx</head>
始终为属性值加引号:属性值应该始终被包括在引号内。双引号是最常用的,单引号也没有问题;在个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='Bill "HelloWorld" Gates'
HTML 与 XHTML 之间的差异
在 HTML 中,<hr> 标签没有结束标签。
在 XHTML 中,<hr> 必须被正确地关闭,比如 <hr />。
在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用。
在 XHTML 1.0 Strict DTD 中,hr 元素的所有呈现属性均不被支持。
head:
<head>
<meta charset="utf-8"/> <!--页面编码-->
<title>Title</title> <!--标题-->
</head>
其他:
meta :跳转、刷新、关键词、描述、IE兼容X-UAUCompatible
body:
图标: 、>、<、
段落:<p> </p>
换行:<br />
块级标签:<div></div>(白板) 、H系列(加大加粗)、<p></p>
行内标签:<span></span>(白板)
标签之间可以嵌套;
标签存在的意义:定位
ps:Chorme审查元素的使用:
- -定位;
- -查看元素;
输入框:<input type="text" /> type有text、password、button、submit等类型;
表单 : <form action="url"></form>
--input系列:
input type类型:
text :name、value;
password:name、value;
submit : value;提交按钮;
button:value;
radio:单选框 value、checked、name(name相同则互斥);
checkbox :复选框 value、checked、name(获取批量数据);
file : 依赖form表单的一个属性 enctype=“multipart/form-data”
rest : 重置;
<textarea name="xx">默认值</textarea>
select: name、内部option:value,提交到后台,size,multiple(多选)
--a标签
• --跳转
• --锚 href=“#某个标签的id” 标签ID不允许重复
--img:src、alt(路径没有时显示)、title;
--list:
ul
li
ol
li
dl
li
--table:
table
thead
tr
th
tbody
tr
td
colspan=‘ ’
rowspan=‘ ’
--label:用英语点击文件,使得关联的标签获取光标
<label for ="username">用户名</label>
<input id ="username" type="text" name="user"/>
--fieldset
legend