HTML学习笔记
day one
Chapter one 网站开发基础
1.2网站的基本架构
网站的基本要素：内容，页面，超链接
动态网页和静态网页的区别在于：动态网页会自动更新，后缀名是.asp或者.aspx;而静态网页不会自动更新，要改变它只能够去改变它的代码，它的后缀名是.html或者.htm。
1.3常见的网站结构
苹果mac os x 平台的web浏览器是Safari，Firefox是最符合web标准的浏览器（现在的设计师检测网站的时候，一般会用ＩＥ，Ｆｉｒｅｆｏｘ，ｏｐｅｒａ，Ｓａｆａｒｉ这几个浏览器。
１.７常见的长度单位
用来控制框架和图片常用的是ｐｘ，控制字体常用的单位是ｅｍ，其次是相对单位％
Ｃｈａｐｔｅｒ ｔｗｏ ＨＴＭＬ基础
２.１ＨＴＭＬ页面结构
＜ｈｔｍｌ＞文档内容＜／ｈｔｍｌ＞
＜ｈｔｍｌ＞这对标签的开始和结束意味着网站的开始和结束
＜ｈｔｍｌ＞标签之后就是 头部标签＜ｈｅａｄ＞：头部标签里面可以有＜ｍｅｔａ＞标签，它在＜ｈｔｍｌ＞和＜ｔｉｔｌｅ＞标签（２.２中进行了详细的介绍）。它所独有的一个便签是＜ｔｉｔｌｅ＞称之为标题元素，用来定义页面的标题，显示在浏览器窗口的标题栏
＜ｈｅａｄ＞之后是 主题标签＜ｂｏｄｙ＞
２．２元信息标签＜ｍａｔａ＞
ｍｅｔａ的作用：定义页面主题；设置页面，使其根据的时间间隔来刷新页面。
ｍｅｔａ的属性：ｎａｍｅ，ｈｔｔｐ－ｅｑｕｉｖ，ｃｏｎｔｅｃｔ，ｃｈａｒｓｅｔ，ｕｒｌ
ｎａｍｅ属性：
用来描述网页，以便于搜索引擎查找和分类，
语法结构：＜ｍａｔｅ ｎａｍｅ＝＂＃＂，ｃｏｎｔｅｃｔ＝＂内容＂＞
注：当＃为不同的值时，ｃｏｎｔｅｃｔ中所对应的内容是不同的。
Ｈｔｔｐ－ｅｑｕｉｖ属性：
作用：反馈给浏览器一些有用的信息，来帮助页面正确和精确的显示页面内容，是网页里必不可少的标签属性
语法结构：＜ｍｅｔａ ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｔｙｐｅ＂ ｃｏｎｔｅｎｔ＝＂ｔｅｘｔ／ｈｔｍｌ；ｃｈａｒｓｅｔ＝ｇｂ２３１２＂＞
注：ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｔｙｐｅ＂ 设定页面所使用的字符集
ｈｔｔｐ－ｅｑｕｉｖ＝＂ｒｅｆｒｅｓｈ＂是用来定时让网页在指定的时间内，跳转到指定的页面。
还有一些不常用的标签，需要的时候再去查吧
２．３段落排版标签
＜ｐ＞内容＜／ｐ＞是段落标签
＜ｂｒ／＞是换行标签，两个换行标签相当于一个段落标签
２．４水平分割线＜ｈｒ＞
＜ｈｒ／＞这是他经常的用法，就只有一条默认的分割线
它的属性有：ｓｉｚｅ，用来设置水平分割线的粗细；ｗｉｄｔｈ，设置水平分割线的宽度；ａｌｇｉｎ，设置水平分割线显示的位置；ｃｏｌｏｒ，设置水平分割线的颜色；ｎｏｓｈａｄｅ，取消水平分割线阴影，他是没有属性值的。
语法结构：＜ｈｒ ｓｉｚｅ＝＂数字ｐｘ＂ ｗｉｄｔｈ＝＂数字ｐｘ＂ ａｌｇｉｎ＝＂ｌｅｆｔ／ｃｅｎｔｅｒ／ｒｉｇｈｔ＂ ｃｏｌｏｒ＝＂用十六进制或者直接用英文” ｎｏｓｈａｄｅ／＞
２.６设置网站背景色
语法结构：＜ｂｏｄｙ ｂｇｃｏｌｏｒ＝＂颜色名“＞