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'会让链接在新窗口打开。
当元素设为浮动时,其它元素在排序时会忽略它,但其它元素的行内元素会围绕在浮动元素的周围;当元素设为绝对定位时,不仅在正常的流中会忽略它,而且其它元素的行内元素也会忽略它。
流中元素的行内元素还要考虑到漂移元素的边界,但绝对定位的元素对其它元素完全没有影响。