Head First HTML与CSS、XHTML (中文版)【读书笔记】

主页、任务页

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"> (这是HTML4.01过渡标准) 可以在引号处换行,像这样写成两行,也可以写成一行。

HTML4.01还有严格版本,如内联元素必须嵌套在块元素中,但并不是所有块元素可以嵌套所有内联元素,如<img>不可以放在<blockquote>中。

W3C校验器

在HTML4.01中<img>必须添加alt属性

 

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> (该行总是添加在head元素的开头)

(meta意思是我们将告诉浏览器关于网页的一些信息……

 http-equiv="Content-Type"这部分告诉浏览器更多关于网页内容类型的信息。

  content="text/html;[Content属性用于指明内容类型的信息,首先我们告诉它这是一个HTML文件。这显得有点多余,因为这一点浏览器已经知道了,在DOCTYPE中我们已经告诉它了] charset=ISO-8859-1[告诉浏览器我们使用ISO-8859-1odgar字符编码,ISO-8859-1代表大多数的欧洲语言。]")

 

href -> 读作 h-ref (hypertext reference 超文本引用)

../something  ..为上溯一个文件夹

windows都用'\'余粮分隔符,但HTML都用'/'

 

<q></q> 简短的引用 quote

<blockquote></blockquote> 引用一大段文字并独立显示

段落结束之后才能插入<blockquote> 例:<p></p><blockquote></blockquote><p></p>

<blockquote><q></q></blockquote> 块引用中插入短引用亦可

<q><blockquote></blockquote></q> 这样作毫无意义

<br> 换行符

<ol><li></li></ol> 有序列表 ordered list = ol

<ul><li></li></ul> 无序列表 unordered list = ul

字符实体

<em></em>强调

<strong></strong>着重强调

<address></address>地址,联系信息

<code></code>程序代码

<hr>水平线

<pre></pre>格式化文本

 

xxxxx.com 域名

 

www.xxxxx.com

blog.xxxxx.com       网站

news.xxxxx.com

 

http://(用来接收资源的协议)  www.xxxxx.com(网站名)  /(根目录)  index.html(页面文件名)

HTTP -> HyperText Transfer Protocol 超文本传输协议

 

www.xxxxx.com/ '/'浏览器会自动添加,手动添加亦可

当请求为目录而非文件时,会自动找 index.html 或 default.htm等。(具体哪个看服务器提供商的设置,default的后缀是htm没有l)

www.xxxxx.com:8000/index.html (:8000是端口号,默认端口为80)

<a href="http://www.qq.com/" title="QQ Site">QQ</a> 添加title(标题),当鼠标悬浮在链接上时浏览器会显示一个小工具条显示,更重要的是专为视力障碍的设计的浏览器会阅读title.

 

锚链接

<a href="index.html#chai">See Chai Tea</a>

<h2><a id="chai">Chai Tea, $1.85</a></h2>

网站的top按钮也是用锚链接实现的。

使用id代替href属性时,文字下不会出现横线

 

<a target="_blank" href="..." title="...">sth</a>

'_blank'会让链接在新窗口打开。

 

当元素设为浮动时,其它元素在排序时会忽略它,但其它元素的行内元素会围绕在浮动元素的周围;当元素设为绝对定位时,不仅在正常的流中会忽略它,而且其它元素的行内元素也会忽略它。

流中元素的行内元素还要考虑到漂移元素的边界,但绝对定位的元素对其它元素完全没有影响。

posted @ 2015-04-26 11:47  蚂蚁草  阅读(743)  评论(0编辑  收藏  举报