美文网首页
《HTML5入门经典》笔记1-3章

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

作者: 无月 | 来源:发表于2017-06-07 16:00 被阅读0次

1、<br/>换行符。

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

3、在源代码中添加注释,以<!-- 开始,以-->结束,例如<!--这是我写的第一个文件-->,注释语句只出现在源代码,不会在浏览器显示。

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

5、头部标记<head></head>之间的内容不会在浏览器的文档窗口显示,包括的元素有<base> <basefont> <title> <isindex> <meta> <style> <link> <script>英[skrɪpt]脚本

6、<title></title>文档的标题,内容显示在浏览器的标题栏。

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

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

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

举例:<meta name="keywords" content英[kən'tent]内容="关键字1,关键字2,关键字3">

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

举例:<meta name="description" conten="对页面的描述语言,浏览器有字数限制">

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

举例:<meta name="generator" content="Adobe Dreamweaver CS5.5">表示该网页的代码由Adobe Dreamweaver CS5.5这个软件编辑的。

作用4:在代码中保留作者的名字,值:author

举例:<meta name="author" content="作者的姓名">

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

举例:<meta name="robots" content="index">

9、http-equiv的作用和值:

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

举例:<meta http-equiv="content-type" content="html/text,charset=字符集类型">

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

举例:<meta http-equiv="refresh英[rɪ'freʃ]更新" content="3;url=http://www.baidu.com">

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

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

举例:<meta http-equiv="expires英[ɪk'spaɪəz]到期" content="到期时间">到期的时间必须是GMT时间格式,即:星期日月年时分秒,使用英文和数字进行设定:

<meta http-equiv="expires" content="Web,14 september 2011 16:20:20 GMT">

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

举例:<meta http-equiv="cache英[kæʃ]-control" content="no-cache">

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

举例:<meta http-equiv="set-cookie" content="Web,14 september 2012 15:20:20 GMT">

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

举例:<meta http-equiv="windows-target英['tɑːgɪt]目标" content="_top">

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

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

举例:<base href="链接地址"  target="新窗口的打开方式">

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

10、body的属性与值。

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

举例:在<body text="#0000FF">设定页面的文字颜色为蓝色</body>

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

举例:<body bgcolor="#0000FF">设定页面的背景为蓝色</body>

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

举例:<body background="images/1.jpg"></body>

如果不希望图片重复显示需要借助CSS样式,需要在头部 <head></head>添加style标记:

<style type=“text/css”> body{background-repeat:no-repeat} </style>不重复

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

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

举例:<body link="#FF0000"> <a href="http://www.baidu.com">百度首页</a></body>这个代码就把百度首页这四个字设置成了红色。

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

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

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

举例:<body topmargin="50" leftmargin="50"></body>

11、标题文字的等级,一级到六级依次是<h1>...</h1>,<h6>...</h6>

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

举例:<h2 align="right">三更灯火五更鸡</h2>

13、文字格式标记<font>

属性1:face字体,值:字体名。

举例:<font face="微软雅黑">百度</font>

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

举例:<font size="+4">百度</font>

属性3:color文字颜色,值:颜色代码。

举例:<font face="宋体" size="+4" color="#FF0000">百度</font>

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

举例:<strong>加粗字</strong><u>下划线字</u><cite>斜体字</cite>

15、<sup>..</sup>上标标记,<sub>..</sub>下标标记。

举例:X<sup>3</sup>+9X<sub>2</sub>=0

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

举例:<strike>百度带删除线效果</strike>

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

举例:<code>Hello word<code>

18、空格符&nbsp;,乘号&times;,版权所有的符号&copy;,已注册的符号&reg;,商标符号&trade;。

19、<p>段落格式</p>

20、nobr取消文字换行,举例:<p><nobr>.....文字..</nobr></p>

21、pre保留原始排版方式,举例:<pre>a  a        a</pre>

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

23、在网页中输入一个<hr>标记, 就添加了一条默认样式的水平线。

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

举例:<hr size="2" width="120" color="#FF9999" noshade="noshade">

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

举例:<ruby>被说明的文字<rt>文字的标注</rt></ruby>

25、声明变量标记var

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

相关文章

网友评论

      本文标题:《HTML5入门经典》笔记1-3章

      本文链接:https://www.haomeiwen.com/subject/tzwofxtx.html