一、HTML语法
1.1 文档结构
html中不区分大小写。
<html>
<head>
<title></title>
<meta>
......
</head>
<body>
……
</body>
</html>
1.2 <head>标签
在<head>标签中可以添加如下标签
<head>
<title></title>
<meta></meta>
<style></style>
<script></script>
</head>
<title>标签:设置标题
<meta>标签:用于设置一些头信息
<style>标签:引入css文件
<script>标签:引入javascript文件
1.3 <body>标签
1.3.1 横线<hr>
<hr size="" width="" color=""> , size表示长度,width表示宽度,color表示颜色(16进制RGB数或预定义色)
1.3.2 超级链接<a>
<a href="" target=""></a>, href表示url,target表示目标窗口,取值可以有如下几种:
_blank:表示新开启一个浏览器窗口
_self:默认设置,在当前窗口显示
_parent:表示在当前窗口的直接父窗口显示
_top:在最顶层窗口进行显示
target属性值可以直接赋值帧的名称(Frame标签中进行说明)
1.3.3 标题<h1~6>标签
数值越小字体越大,标题显示为黑体字
1.3.4 字体<font>标签
<font size="" color=""></font>,size可以直接是数值,color为颜色
1.3.5 文字设置标签
<b> 黑体</b>
<i>斜体</i>
<u>下划线</u>
<s>中划线</s>
<sup>上标</sup>
<sub>下标</sub>
1.3.6 特殊字符
< 表示<
> 表示>
& 表示&
表示空格
" 表示"
1.3.7 文字布局标签
<div></div>,<span></span>,用于文字的分区显示
<ul><li>...</ul>,表示无序号列表
<ol><li>...</ol>,表示有序号列表
<p>,表示回车换行
<br>,表示换行
<pre>...</pre>,表示保留原始格式
1.3.8 图片<img>标签
<img src="" alt="" width="" height=“”>
src表示图片路径,alt表示当鼠标放在图片上显示提示信息,width表示宽度,height表示高度
1.3.9 表单<form>标签
<form action="" method="">
<input type="" name="">
......
</form>
action表示提交页面,method取值可以为get或post,get请求一般发送的数据大小有限制,表单中的数据会显示在url后面;而post方式不存在发送数据大小的限制。type可以取值为text/password/checkbox/radio/hidden等等,name为输入域的名字。
1.3.10 文字输入
<input type="text" name="" id="" value="" size="" maxlength="">
id,表示惟一标识
name,表示名称
value,表示值
size,表示长度
maxlength,表示最大长度
1.3.11 密码输入
<input type="password" name="" id="" value="" size="" maxlength="">
属性与text基本一致。
1.3.12 复选框
<input type="checkbox" name="" value="" checked>
checked,表示选中的checkbox
其他属性基本与text描述一致
1.3.13 单选框
<input type="radio" name="" value="" checked>
属性描述与复选框基本一致
1.3.14 列表框
<select name="" size="" multiple>
<option value="" selected>...</option>
</select>
mutiple,表示可以实现多选的列表框
<option>,表示列表框可以选择的项
value,表示列表框中的值
selected,指定哪一项被选中
1.3.15 文本区域<textarea>标签
<textarea name="" rows="" cols=""> ... </textarea>
rows表示行数,cols表示列数
1.3.16 按钮
<input type="" name="" value="">
当type取值为button或submit或reset或image时表示按钮
button,点击按钮可以提交数据,一般适合于表单中有多个button
submit,点击按钮将该form中的信息提交
reset,点击按钮将form中信息重置
image,可以点击图片提交。
1.3.17 隐藏表单hidden
<input type="hidden" name="" value="'>
隐含域和正常输入域一样,只是不会将数据显示到页面上,这些数据大部分用于控制
1.3.18 表格
<table border="" width="" align="">
<tr>
<td align="" width="" colspan="">
</td>
</tr>
</table>
border,表示表格边框尺寸
width,表示表格宽度,可以使用百分比或数值
align,对齐方式,left/rigth/center
<tr>,表示行
<td>,表示列
colspan表示跨多列
1.3.19 框架
窗口中正常情况下只能显示一个网页,采用帧可以将窗口分隔出多个窗口,每个窗口对应一个html文件
注意不能有body标签
<frameset cols="18%,*">
<frame name="left" src="left.html">
<frame name="right" src="right.html">
</frameset>
target属性值可以直接使用帧的名称
1.3.20 隐含帧
隐含帧使用的标签为<iframe>,隐含帧不需要放到<frameset>标签中,使用隐含帧可以实现网页局部数据显示的滚动和局部数据刷新。
二、Html的参考文档
目前个人接触到最新的HTML版本是HTML5,其中增加了许多标签,另外html中还有dom编程、事件处理等内容,涉及到的内容较多,需要查找具体相关文档来进行操作。
dom编程:http://pan.baidu.com/s/1sj2fiFV
html chm文档:http://pan.baidu.com/s/1o6mCngu
html5 参考文档:http://pan.baidu.com/s/1lEJPO
视频教程可以参考动力节点王勇老师的HTML讲解,我觉得对我还是比较合适的。