HTML 学习笔记 day one

HTML学习笔记

day one

Chapter one 网站开发基础

1.2网站的基本架构

网站的基本要素：内容，页面，超链接

动态网页和静态网页的区别在于：动态网页会自动更新，后缀名是.asp或者.aspx;而静态网页不会自动更新，要改变它只能够去改变它的代码，它的后缀名是.html或者.htm。

1.3常见的网站结构

苹果mac os x 平台的web浏览器是Safari，Firefox是最符合web标准的浏览器（现在的设计师检测网站的时候，一般会用ＩＥ，Ｆｉｒｅｆｏｘ，ｏｐｅｒａ，Ｓａｆａｒｉ这几个浏览器。

１.７常见的长度单位

用来控制框架和图片常用的是ｐｘ，控制字体常用的单位是ｅｍ，其次是相对单位％

Ｃｈａｐｔｅｒ　ｔｗｏ　ＨＴＭＬ基础

２.１ＨＴＭＬ页面结构

＜ｈｔｍｌ＞文档内容＜／ｈｔｍｌ＞

＜ｈｔｍｌ＞这对标签的开始和结束意味着网站的开始和结束

＜ｈｔｍｌ＞标签之后就是　头部标签＜ｈｅａｄ＞：头部标签里面可以有＜ｍｅｔａ＞标签，它在＜ｈｔｍｌ＞和＜ｔｉｔｌｅ＞标签（２.２中进行了详细的介绍）。它所独有的一个便签是＜ｔｉｔｌｅ＞称之为标题元素，用来定义页面的标题，显示在浏览器窗口的标题栏

＜ｈｅａｄ＞之后是　主题标签＜ｂｏｄｙ＞

２．２元信息标签＜ｍａｔａ＞

ｍｅｔａ的作用：定义页面主题；设置页面，使其根据的时间间隔来刷新页面。

ｍｅｔａ的属性：ｎａｍｅ，ｈｔｔｐ－ｅｑｕｉｖ，ｃｏｎｔｅｃｔ，ｃｈａｒｓｅｔ，ｕｒｌ

ｎａｍｅ属性：
用来描述网页，以便于搜索引擎查找和分类，

语法结构：＜ｍａｔｅ　ｎａｍｅ＝＂＃＂，ｃｏｎｔｅｃｔ＝＂内容＂＞

　注：当＃为不同的值时，ｃｏｎｔｅｃｔ中所对应的内容是不同的。

Ｈｔｔｐ－ｅｑｕｉｖ属性：

作用：反馈给浏览器一些有用的信息，来帮助页面正确和精确的显示页面内容，是网页里必不可少的标签属性

语法结构：＜ｍｅｔａ　ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｔｙｐｅ＂　ｃｏｎｔｅｎｔ＝＂ｔｅｘｔ／ｈｔｍｌ；ｃｈａｒｓｅｔ＝ｇｂ２３１２＂＞

　注：ｈｔｔｐ－ｅｑｕｉｖ＝＂ｃｏｎｔｅｎｔ－ｔｙｐｅ＂　设定页面所使用的字符集

　ｈｔｔｐ－ｅｑｕｉｖ＝＂ｒｅｆｒｅｓｈ＂是用来定时让网页在指定的时间内，跳转到指定的页面。

还有一些不常用的标签，需要的时候再去查吧

２．３段落排版标签

＜ｐ＞内容＜／ｐ＞是段落标签

＜ｂｒ／＞是换行标签，两个换行标签相当于一个段落标签

２．４水平分割线＜ｈｒ＞

＜ｈｒ／＞这是他经常的用法，就只有一条默认的分割线

它的属性有：ｓｉｚｅ，用来设置水平分割线的粗细；ｗｉｄｔｈ，设置水平分割线的宽度；ａｌｇｉｎ，设置水平分割线显示的位置；ｃｏｌｏｒ，设置水平分割线的颜色；ｎｏｓｈａｄｅ，取消水平分割线阴影，他是没有属性值的。

语法结构：＜ｈｒ　ｓｉｚｅ＝＂数字ｐｘ＂　ｗｉｄｔｈ＝＂数字ｐｘ＂　ａｌｇｉｎ＝＂ｌｅｆｔ／ｃｅｎｔｅｒ／ｒｉｇｈｔ＂　ｃｏｌｏｒ＝＂用十六进制或者直接用英文”　ｎｏｓｈａｄｅ／＞

２.６设置网站背景色

语法结构：＜ｂｏｄｙ　ｂｇｃｏｌｏｒ＝＂颜色名“＞