一、 WEB标准的概念及组成
1）WEB标准是网页制作的标准，它不是一个标准，它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布，也有部分标准由ECMA起草发布。
W3C制定的结构和表现的标准;
结构：(xhtml ,xml)
表现：(css)
ECMA制定的行为的标准;
行为 （DOM ,ECMASCRIPT）
结构和表现标准：
（1）W3C( World Wide Web Consortium )万维网联盟，创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构。(制定了结构和表现的标准，非赢利性的。)
（2）行为标准：DOM，ECMASCRIPT（ECMA制定的）欧洲电脑场商联合会。
二、Dreamweaver 基本功能
1）新建(ctrl+n)，打开(ctrl+o)， 保存 (ctrl+s)
2）预览页面 （F12快捷键）
3）建立站点
作用：用来归纳一个网站上所有的网页、素材以及他们之间的联系
CTRL+U(首先参数)里可以更改代码里的代码文字大小
F4隐藏显示所有面版
三、 调试工具 -浏览器
1）PC端调试工具的使用 -浏览器
测试浏览器(chrome,ie,firefox)
2）移动端调试工具chrome可以测试移动端页面（有很多模拟器）
四、 HTML及相关概念的介绍
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
XHTML指可扩展超文本标记语言（标识语言）（EXtensible HyperText Markup Language）。
HTML5指的是HTML的第五次重大修改（第5个版本）
扩展知识点：
声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD(Document Type Definition) 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置
另外，需要知道的是，HTML 4.01 规定的三种文档类型、XHTML 1.0 规定的三种
XML 文档类型都是：Strict、Transitional 以及 Frameset。
定义文档类型 分为四种：Strict（严格型)、Trasitional（过渡型 常用这种）、Frameset（框架型）、手机浏览器DTD mobile
而这句，是在文档中的 标签中使用 xmlns 属性，以指定整个文档所使用的主要命名空间。
对于文档声明，了解这些就足够了，现在的html5不再这么繁琐，只需要：
就可以了。
五、HTML5 基本结构
命名文档类型
说明我们写的是标记语言
文件头部
编码格式
html5文件标题（显示在状态栏上的内容）
文件主体(所有要写的内容)
1、文件命名规则：用英文，不用中文
名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；必须以英文字母开头。
六、 HTML基本语法
1、<常规标记>
<标记 属性=“属性值” 属性=“属性值”>
2.空标记
<标记 属性=“属性值” />
七、 XHTML常用标记
1）文本标题（h1-h6）
一级标题
(header1~header6 )二级标题
...
六级标题
八、正文有两种形式（段落文本和文字列表）
1） 段落(p)
段落文本内容
标识一个段落(段落与段落之间有段间距)
2）空格 ( )
（所占位置没有一个确定的值,这与当前字体字号都有关系.
3）加粗
加粗有两个标记
1.加粗内容
2.加粗内容
4）倾斜
倾斜标记
1.
2,
5） 换行(br)
换行是一个空标记(强制换行)
6）水平线
空标记
7）列表(ul,ol,dl)
HTML中有三种列表，分别是：无序列表，有序列表，自定义列表
*无序列表
无序列表组成：
．．．．．．
*有序列表
有序列表组成：
．．．．．．
扩展内容
有序列表的属性
知识扩展----有序列表的属性
1、type:规定列表中的列表项目的项目符号的类型
语法：
1 数字顺序的有序列表（默认值）（1, 2, 3, 4）。
a 字母顺序的有序列表，小写（a, b, c, d）。
A 字母顺序的有序列表，大写（A,B,C,D)
i 罗马数字，小写（i, ii, iii, iv）。
I 罗马数字，大写（I, ii, iii, iv）。
2、start 属性规定有序列表的开始点。
语法：
*自定义列表
名词
解释 (definition description 定义描述)
．．．．．．
8）插入图片
注:所要插入的的图片必须放在站点下
*相对路径的写法：
1)当当前文件与目标文件在同一目录下，直接书写目标文件文件名+扩展名；
2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下：
文件夹名/目标文件全称+扩展名；
3)当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下，写法如下：
../目标文件所处文件夹名/目标文件文件名+扩展名
title的作用: 在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的.
alt的作用:alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方。
9）超链接的应用
语法：
链接文本/图片
空链接
属性：target:页面打开方式，默认属性值_self。
属性值：_blank 新窗口打开
10） 数据表格的作用及组成
作用：显示数据
表格的组成：
注：一个tr表示一行;一个td表示一列(一个单元格)
*数据表格的相关属性
1）width="表格的宽度"
2）height="表格的高度"
3）border="表格的边框"
4）bgcolor="表格的背景色"
5）cellspacing="单元格与单元格之间的间距"
6）cellpadding="单元格与内容之间的空隙"
7）水平对齐方式：align="left/center/right";
8)合并单元格属性：
colspan=“所要合并的单元格的列数"合并列;
一行
一行一行
rowspan=“所要合并单元格的行数”合并行;
一行一行
一行
11） 表单的应用
表单的作用：用来收集用户的信息的;
1、表单框
1）文本框
2)密码框
3)提交按钮
4)重置按钮
5）单选框/单选按钮
单选按钮里的name属性必须写，同一组单选按钮的name属性值必须一样。
checked="checked"(默认选中；)
disabled="disabled"禁用
6）复选框
(disabled="disabled" :禁用)
(checked="checked" :默认选中)
7)下拉菜单
菜单内容
8）多行文本框（文本域）
9)按钮
（他和submit的区别是 ，submit是提交按钮 起到提交信息的作用，button只起到跳转的作用，不进行提交。）
value 属性为 input 元素设定值。
对于不同的输入类型，value 属性的用法也不同：
type="button", "reset", "submit" - 定义按钮上的显示的文本
type="text", "password" - 定义输入字段的初始值
type="checkbox", "radio" - 定义与输入相关联的值
注释：type="checkbox 和 type="radio 中必须设置 value 属性。
扩展知识点：post和get的区别是什么
1. get是从服务器上获取数据，post是向服务器传送数据。
2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程
3. 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。(可以不记)
4. get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。
5. get安全性非常低，post安全性较高。但是执行效率却比Post方法好。
建议：
1、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；
2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；
网友评论