1. 常用的特殊符号
空格：HTML的空格用 表示。【所有标签都为英文半角】
小于号：<
大于号：>
&：&
双引号："
版权：©
注册：®
2.图像标记以及属性
插入图像使用单标记<img/>
- src属性: 图片源文件的路径，语法格式为：<img src="图片路径" />。
- alt属性: IE6以后浏览器无法提示，当图像非正常显示时，在图像的位置上显示alt中的提示文字。
- title属性: 鼠标滑过时显示的文字提示 。
3. 表单
3.1文本框：主要用于输入单行文本内容。代码如下:姓名：<input type="text" placeholder="请输入账号" />
type ="text"/ "tel"/"email"/"url"/"number"/"date" 可自动检测相应格式。
3.2 密码框：主要用于输入一些保密信息，代码格式如下：密码：<input type="password"/>
3.3 单选框 主要是让网页浏览者在一组选项里选择一个。
Name属性定义单选框的名称，单选框都是以组为单位使用的，在同一组中的选项必须使用同一名称。
代码格式如下：
性别：<input type="radio" name="sex" checked="checked" />男
<input type="radio" name="sex" />女
3.4 复选框主要是让网页浏览者在一组选项里同时选择多个选项。checked=”checked” 默认选中代码格式如下：
爱好：读书<input type="checkbox" />
听歌<input type="checkbox" checked="checked"/>
阅读<input type="checkbox" />
3.5 文件域主要是让网页浏览者上传文件。代码格式如下
上传文件：<input type="file"/>
3.6 提交按钮用来将输入的信息提交到服务器。Value属性定义按钮的显示文字，代码格式如下：
<input type="submit" value="提交" />
3.7 重置按钮用来重置表单中输入的信息。代码格式如下：
<input type="reset"value="重置"/>
3.8 图像域标记代码格式如下:
<input type=”image” src=”图片的路径” />
3.9 下拉菜单主要用于在有限的空间里设置多个选项。代码格式如下：
<select>
<option></option>
<option></option>
…
</select>
3.10 文本域主要用于输入较长的文本信息。代码格式如下：
<textarea cols="30" rows="5">默认文字</textarea>
效果：
Cols属性：定义文本域的宽度
rows属性：定义文本域的高度
4. CSS选择器
4.1. 全局选择器语法: *{}
4.2. 标签选择器的语法：标签名{}
4.3 类选择器的语法: .类名{}
4.4 ID选择器的语法: #id名{}
4.5 伪类选择器: 用伪类定义的样式并不是作用在标记上，而是作用在标记的状态上。
超链接的伪类a：hover。伪类选择器的语法: a:hover{ }
5. CSS样式
5.1 行内样式表的应用方法：在html标记内，使用style属性定义css样式。
如：<p style=”color:red;”></p>
5.2 内嵌样式表的应用方法：将css添加到<head>与</head>之间，并用<style></style>标记声明的一种样式。
语法如下：
<style>
/*这里写css内容*/
</style>
5.3 链接样式表的应用方法：在外部定义css样式表，通过<link/>链接标记链接到页面中的一种样式。
语法：<link href="style.css" rel="stylesheet" type="text/css" />
5.4 导入样式的应用方法：采用导入样式的样式表，在HTML文件初始化时，会被导入到HTML文件内，作为文件的一部分，类似于内嵌样式表效果。
语法：
<head>
<style type=”text/css”>
@import “1.css”
</style>
</head>
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
