显示的标题一共有6级，从<h1>到<h6>，字体由大到小；
注释：<!-- context -->；
HTML HyperText Markup Language超文本标记语言 html(创建结构)
编写HTML时要把首部和页面主体分开；
元素=开始标记+内容+结束标记；<h1>guangwuXu</h1>整体称之为元素；
CSS(cascading style sheets)层叠式样式表；css(创建样式)
<style>元素放在HTML的首部里，<style>标记还有一个可选属性type。现在可以不再<style>标记内部写type属性，因为所有浏览器都知道是CSS样式；
..表示"父文件夹"，在HTML中用/做分隔符，与系统无关；
<q>用来加段简短的引用</q>，使用了<q>之后浏览器会负责加上双引号,并不是所有的浏览器都这样，注意！！！
如果不使用<q>标记的话，人为的添加双引号并不代表它确实是引用文字，而是一段普通的文字。
<blockquote>用来引用一大段引用，会缩进引用，有些浏览器可能不会。
<blockquote>元素是一个块元素(block)，块元素特立独行，看似前后加了换行;
<q>元素是一个内联元素，内联元素随波逐流，总在"行内"出现;
<br>元素是一个没有任何内容的元素，这类元素成为void元素，可以称之为空元素
元素分为正常元素和void元素，两种元素之间不能来回切换
<br/>的语法更为严格。是为了与xhtml兼容
<em>斜体字</em> <u>下划线</u> <strong>粗体</strong>
<sup>上标</sup> <sub>下标</sub>
<ul>unordered list</ul>
<ol>ordered list</ol>
<li>list item</li>
FTP:File Transfer Protocol
PNG的压缩要优于GIF，大多数情况下我们选择PNG；(png-8:支持256种颜色,png-16：千种,png-24：百万种)
JPEG照片要比相同质量的PNG或GIF照片要小；
GIF是唯一支持动画格式
可以使用width和height属性来调整一个图像的大小，但是不建议，因为在加载网页的时候浏览器还是会首先下载完整的大图像，然后由浏览器来调整图像大小
html5的doctype定义：<!doctype html> html不再有新的版本，html规范已经变成了活的标准
假如规范有所更改，浏览器会继续支持老方式，同时支持新方式。这就是“向后兼容性”；
html5不再只是用来建立web页面，还可以被设计为可以建立成熟的web应用；web页面多为静态页面，只是用来阅读，web应用是用来交互，用来完成具体工作的。
css中的注释 /*注释文档*/
字体相关的属性都可以被继承，如果不想被继承，则需要覆盖继承
font-family
font-size
color
font-weight:lighter,normal,bold,bolder
font-style: italic-->斜体 oblique-->倾斜 （有区别）
字体大小的设置，一般来讲，<h1>是默认体文本字体大小的200%，<h2>是默认体文本大小的150%。
考虑到用户自定义浏览器字体大小，一般采用相对方式定义字体，而不采用像素大小。
body {font-size:small} (middle)
h1 {font-size:200%}
color:rgb(255,255,255)
rgb(%80,%20,%20)
#cc30b1 前两位代表r(12*16+16) ,中间两位代表g(3*16),后面两位代表b(11*16+1)；
内边距 padding/边框 border/外边距 margin（可选择的）；
width指定的是内容区的宽度；
整个元素的宽度需要由内容区，内边距，外边距，边框的宽度加在一起；
#id {...}
.class {...}
div h2 {...} 子孙选择器
id可以以数字或字母开头，class要以字母开头 id必须是唯一的
text-align属性只能在块元素上使用，在内联元素上使用是无效的
div可以为块级内容创建逻辑划分，span元素采用类似的方式建立内容的逻辑分组
伪类(pseudo-class)，为设计者提供了有效的方法，可以根据访问者使用页面时发生的情况来对元素指定样式。(link,visited,hover,focus,active)
流的概念：
块元素之间从上向下流；
内联元素总体上是从左向右流；
并排放置两个内联元素时，外边距会叠加；
垂直放置两个内联元素时，外边距会折叠，最终是其中大的那个边距（如果有边框，则不会发生折叠）
流体布局 冻结布局 凝胶布局(Jello)
只有使用CSS绝对定位、相对定位、固定定位的元素有z-index
绝对定位：position:absolute;
相对定位：position:
固定定位：position:fixed;
------------------------------------------------------------------
大多数表单元素都需要一个名字，服务器脚本将使用这个元素名。
文本输入：<input type="text" name="name">
提交输入：<input type="submit">
单选钮输入：<input type="radio" name="name" value="value1">
<input type="radio" name="name" value="value2">
(与一组给定选项关联的单选钮必须有相同的名字，不过每个选项可以有不同的值)
复选框输入：<input type="checkbox" name="name" value="value1">
<input type="checkbox" name="name" value="value2">
(相关的复选框也共用一个名字，复选框的值不一样)
文本区(多行文本区):<textarea name="name" rows="10" cols="10"></textarea>
------------------------------------------------------------------
选择(select和option组合，创建菜单)：<select name="name">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
如果为select元素增加multiple属性，单选菜单就会变成多选菜单，不再显示一个下拉式菜单，按住ctrl可选多个选项
------------------------------------------------------------------
HTML5新元素：
数字输入：<input type="number" min="0" max="10">
范围输入：<input type="range" min="0" max="20" step="5">
颜色输入：<input type="color">
日期输入：<input type="date">
email输入：<input type="email">
tel输入：<input type="tel">
url输入：<input type="url">
密码输入：<input type="password" name="secret">
placeholder: 大多数Input元素都可以使用placeholder属性，可给填写表单的人提示
<input type="text" placeholder="xuguangwu">
required:指示一个域是必要的，不能为空。
文件输入：<input type="file" name="doc">
使用该元素的前提是必须使用post方法。
------------------------------------------------------------------
表单中的每个输入控件都有一个name属性，提交表单时，浏览器会使用这些唯一的名字打包所有数据
------------------------------------------------------------------
浏览器向服务器发送数据使用的方法主要有两种：post和get
post会打包表单变量，在后台把它们发送到服务器；
如果希望用户能够对提交表单后的结果页面加标签，就必须使用get
如果表单中的数据是私有的，就得使用post
如果表单中使用了textarea，就应该使用post，因为get和post请求对于发送的数据量都有一个限制，不过对post请求的限制通常要宽松的多。
注释：<!-- context -->；
HTML HyperText Markup Language超文本标记语言 html(创建结构)
编写HTML时要把首部和页面主体分开；
元素=开始标记+内容+结束标记；<h1>guangwuXu</h1>整体称之为元素；
CSS(cascading style sheets)层叠式样式表；css(创建样式)
<style>元素放在HTML的首部里，<style>标记还有一个可选属性type。现在可以不再<style>标记内部写type属性，因为所有浏览器都知道是CSS样式；
..表示"父文件夹"，在HTML中用/做分隔符，与系统无关；
<q>用来加段简短的引用</q>，使用了<q>之后浏览器会负责加上双引号,并不是所有的浏览器都这样，注意！！！
如果不使用<q>标记的话，人为的添加双引号并不代表它确实是引用文字，而是一段普通的文字。
<blockquote>用来引用一大段引用，会缩进引用，有些浏览器可能不会。
<blockquote>元素是一个块元素(block)，块元素特立独行，看似前后加了换行;
<q>元素是一个内联元素，内联元素随波逐流，总在"行内"出现;
<br>元素是一个没有任何内容的元素，这类元素成为void元素，可以称之为空元素
元素分为正常元素和void元素，两种元素之间不能来回切换
<br/>的语法更为严格。是为了与xhtml兼容
<em>斜体字</em> <u>下划线</u> <strong>粗体</strong>
<sup>上标</sup> <sub>下标</sub>
<ul>unordered list</ul>
<ol>ordered list</ol>
<li>list item</li>
FTP:File Transfer Protocol
PNG的压缩要优于GIF，大多数情况下我们选择PNG；(png-8:支持256种颜色,png-16：千种,png-24：百万种)
JPEG照片要比相同质量的PNG或GIF照片要小；
GIF是唯一支持动画格式
可以使用width和height属性来调整一个图像的大小，但是不建议，因为在加载网页的时候浏览器还是会首先下载完整的大图像，然后由浏览器来调整图像大小
html5的doctype定义：<!doctype html> html不再有新的版本，html规范已经变成了活的标准
假如规范有所更改，浏览器会继续支持老方式，同时支持新方式。这就是“向后兼容性”；
html5不再只是用来建立web页面，还可以被设计为可以建立成熟的web应用；web页面多为静态页面，只是用来阅读，web应用是用来交互，用来完成具体工作的。
css中的注释 /*注释文档*/
字体相关的属性都可以被继承，如果不想被继承，则需要覆盖继承
font-family
font-size
color
font-weight:lighter,normal,bold,bolder
font-style: italic-->斜体 oblique-->倾斜 （有区别）
字体大小的设置，一般来讲，<h1>是默认体文本字体大小的200%，<h2>是默认体文本大小的150%。
考虑到用户自定义浏览器字体大小，一般采用相对方式定义字体，而不采用像素大小。
body {font-size:small} (middle)
h1 {font-size:200%}
color:rgb(255,255,255)
rgb(%80,%20,%20)
#cc30b1 前两位代表r(12*16+16) ,中间两位代表g(3*16),后面两位代表b(11*16+1)；
内边距 padding/边框 border/外边距 margin（可选择的）；
width指定的是内容区的宽度；
整个元素的宽度需要由内容区，内边距，外边距，边框的宽度加在一起；
#id {...}
.class {...}
div h2 {...} 子孙选择器
id可以以数字或字母开头，class要以字母开头 id必须是唯一的
text-align属性只能在块元素上使用，在内联元素上使用是无效的
div可以为块级内容创建逻辑划分，span元素采用类似的方式建立内容的逻辑分组
伪类(pseudo-class)，为设计者提供了有效的方法，可以根据访问者使用页面时发生的情况来对元素指定样式。(link,visited,hover,focus,active)
流的概念：
块元素之间从上向下流；
内联元素总体上是从左向右流；
并排放置两个内联元素时，外边距会叠加；
垂直放置两个内联元素时，外边距会折叠，最终是其中大的那个边距（如果有边框，则不会发生折叠）
流体布局 冻结布局 凝胶布局(Jello)
只有使用CSS绝对定位、相对定位、固定定位的元素有z-index
绝对定位：position:absolute;
相对定位：position:
固定定位：position:fixed;
------------------------------------------------------------------
大多数表单元素都需要一个名字，服务器脚本将使用这个元素名。
文本输入：<input type="text" name="name">
提交输入：<input type="submit">
单选钮输入：<input type="radio" name="name" value="value1">
<input type="radio" name="name" value="value2">
(与一组给定选项关联的单选钮必须有相同的名字，不过每个选项可以有不同的值)
复选框输入：<input type="checkbox" name="name" value="value1">
<input type="checkbox" name="name" value="value2">
(相关的复选框也共用一个名字，复选框的值不一样)
文本区(多行文本区):<textarea name="name" rows="10" cols="10"></textarea>
------------------------------------------------------------------
选择(select和option组合，创建菜单)：<select name="name">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
如果为select元素增加multiple属性，单选菜单就会变成多选菜单，不再显示一个下拉式菜单，按住ctrl可选多个选项
------------------------------------------------------------------
HTML5新元素：
数字输入：<input type="number" min="0" max="10">
范围输入：<input type="range" min="0" max="20" step="5">
颜色输入：<input type="color">
日期输入：<input type="date">
email输入：<input type="email">
tel输入：<input type="tel">
url输入：<input type="url">
密码输入：<input type="password" name="secret">
placeholder: 大多数Input元素都可以使用placeholder属性，可给填写表单的人提示
<input type="text" placeholder="xuguangwu">
required:指示一个域是必要的，不能为空。
文件输入：<input type="file" name="doc">
使用该元素的前提是必须使用post方法。
------------------------------------------------------------------
表单中的每个输入控件都有一个name属性，提交表单时，浏览器会使用这些唯一的名字打包所有数据
------------------------------------------------------------------
浏览器向服务器发送数据使用的方法主要有两种：post和get
post会打包表单变量，在后台把它们发送到服务器；
get也会打包表单变量，而且会把这些数据追加到URL的最后，然后向服务器发送一个请求。
------------------------------------------------------------------
如果希望用户能够对提交表单后的结果页面加标签，就必须使用get
如果表单中的数据是私有的，就得使用post
如果表单中使用了textarea，就应该使用post，因为get和post请求对于发送的数据量都有一个限制，不过对post请求的限制通常要宽松的多。
181
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
