《HTML5入门经典》笔记1-3章

1、
换行符。

2、align英[əˈlaɪn]“对其方式”，值：left、center、right。

3、在源代码中添加注释，以结束，例如，注释语句只出现在源代码，不会在浏览器显示。

4、Ctrl+U 可以查看网页的源代码。

5、头部标记之间的内容不会在浏览器的文档窗口显示，包括的元素有 文档的标题，内容显示在浏览器的标题栏。

7、元信息标记，比需要设置结束标记。meta元素有两种属性：name和http-equiv 。其中name属性的作用是描述网页。http-equiv用于传送HTTP通讯协议的表头，也就是设定表头属性的名称，在content中才设置具体的属性值。

8、meta name的作用和属性值：

作用1：设置页面关键字。值：keywords 

举例：英[kən'tent]内容="关键字1,关键字2,关键字3">

作用2：设置页面描述。值：description英[dɪ'skrɪpʃ(ə)n]描述

举例：

作用3：在代码中记录编辑代码所用的工具，值：generator英['dʒenəreɪtə]发生器

举例：表示该网页的代码由Adobe Dreamweaver CS5.5这个软件编辑的。

作用4：在代码中保留作者的名字，值：author

举例：

作用5：网页可以通过在meta中的设置来限制搜索引擎对页面的搜索方式，值：robots英[ˈrəʊbɒts]机器人，值控制的内容有：all表示能搜索当前网页及其链接的网页，index表示能搜索当前网页，nofollow表示不能搜索与当前网页链接的网页，noindex表示不能搜索当前网页，none表示不能搜索当前网页及其链接的网页。

举例：

9、http-equiv的作用和值：

作用1：设定网页文字及语言，使浏览器自动选择语言。值：content-type或content-language

举例：

作用2：定时跳转页面。属性refresh

举例：

表示3秒后跳转到百度网站。

作用3：设置网页的到期时间，一旦过期则必须到服务器上重新调用。属性值：expires

举例：到期的时间必须是GMT时间格式，即：星期日月年时分秒，使用英文和数字进行设定：

作用4：设置浏览器禁止从缓存中调用即:禁止缓存，属性：cache-control或者pragma 值：no-cache

举例：

作用5：删除过期的cookie英['kʊkɪ]，属性：set-cookie ，值：GMT格式时间

举例：

作用6：强制网页在当前窗口中以独立的页面显示，可以防止自己的网页被别人当做一个frame页调用。

举例：

作用7：设置打开网页，退出网页时候的动画效果。

9、基底网站标记作用：在头部设置基底网址，可以使页面主题代码里边的相对地址，在浏览器中以绝对地址的形式显示。基底网址只能设置一个。

举例：

新窗口的打开方式的属性值与含义：_parent英['peər(ə)nt]父在上一级窗口打开，_blank英[blæŋk]空白的在新窗口打开，_self在同一窗口打开，可以省略，_top在浏览器的整个窗口打开。

10、body的属性与值。

属性1：text 设定页面文字的颜色。值：颜色代码。颜色名称或者十六进制值

举例：在设定页面的文字颜色为蓝色

属性2：bgcolor设定网页的背景颜色。值：颜色代码。

举例：设定页面的背景为蓝色

属性3：background设定网页的背景图。值：文件链接地址。还可以用bgproperties=fixde固定背景图。默认图片平铺。

举例：

如果不希望图片重复显示需要借助CSS样式，需要在头部 添加style标记：

不重复

把值no-repeat改成repeat-x表示在水平方向重复，repeat-y在垂直方向重复。

属性4：link设置文字超链接的文字的颜色，值：颜色代码。

举例： 百度首页这个代码就把百度首页这四个字设置成了红色。

正在访问的文字链接的文本颜色用alink="颜色代码"设置。

访问过的文字链接的文本颜色用vlink="颜色代码"设置。

属性5：margin英['mɑːdʒɪn]主体边距的设置。值：topmargin=上边距的值，leftmargin=左边距的值。边距的值以像素为单位。

举例：

11、标题文字的等级，一级到六级依次是

...

,

...

12、标题文字的对齐方式align，值：left 、center、right

举例：

三更灯火五更鸡

13、文字格式标记

属性1:face字体，值：字体名。

举例：百度

属性2：size字号，值：相对默认字体，可以+1~+7，也可以-1~-7

举例：百度

属性3：color文字颜色，值：颜色代码。

举例：百度

14、strong或b粗体，em或I或cite英[saɪt]斜体，u下划线

举例：加粗字下划线字斜体字

15、^..上标标记，_..下标标记。

举例：X³+9X₂=0

16、strike英[straɪk]或s给文字添加删除线效果：

举例：百度带删除线效果

17、code英[kəʊd]或samp英[sæmp]等宽文字标记：常用于英文。

举例：Hello word

18、空格符 ，乘号×，版权所有的符号©，已注册的符号®，商标符号™。

19、

段落格式

20、nobr取消文字换行，举例：

.....文字..

21、pre保留原始排版方式，举例：

a  a        a

22、blockquote英[kwəʊt]段落向右缩进，每使用一次就缩进一次，可嵌套使用。

23、在网页中输入一个

---

标记， 就添加了一条默认样式的水平线。

可以设置水平线的高度、宽度、颜色、长度、对齐方式、以及去掉阴影，

举例：

---

24、文字标注标记ruby英['ruːbɪ]，

举例：被说明的文字文字的标注

25、声明变量标记var

26、忽视HTML标记 plaintext英[pleɪn'tekst]明文或xmp，一般放在之后，使源代码的内容呈现在浏览器页面。