读《Head First Html 与 CSS》(第1-3章)
第一章 认识HTML
1.Web服务器存储并提供由HTML和CSS创建的网页。浏览器获取页面,并根据HTML和CSS显示网页的内容。
2.HTML是一种超文本标记语言(Hyper Text Markup Language)的缩写,用来建立网页结构。
3.CSS是层叠样式表(Cascading Style Sheets)的缩写,用来控制HTML的表现。
4.元素 = 开始标记 + 内容 + 结束标记
5.所有页面都要有一个<html>元素,其中要有一个<head>元素和一个<body>元素,网页信息放在<head>元素中,<body>元素中的内容会在浏览器中展现。
6.<style>元素要放在<head>元素中,可以在<style>元素中写CSS规则,为HTML网页增加CSS.如
...
<head>
<title>Rayer's Space X</title>
<style type="text/css">
body {
background-color: #d2b48c;
}
</style>
</head>
...
第二章 深入了解超文本
1.使用a元素创建一个超文本链接,链接到另一个web页面。
2.<a>元素的内容会成为web页面中可单击的文本,href属性告诉浏览器链接的目标文件。example:
<a href="cant_find.html">Great Fire Wall</a>
3.使用“...”可以链接到源文件上一层文件夹中的一个文件,“/”(斜线)字符分割路径中的各个部分。
4.为网站选择的文件名和文件夹名不要使用空格。
第三章 构建模块
1.<q>用于短引用,作为段落的一部分,<blockquote>元素用于较长的引用,需要单独显示。
2.<blockquote>元素是一个块(block)元素,而<q>元素是一个内联(inline)元素。块元素通常用作Web页面中的主要构建模块,而内联元素往往用来标记小段内容。浏览器会使用换行符来分隔块元素。
3.将<br>元素置于句末,实现换行功能。
4.<br>元素是一个没有任何实际内容的元素,没有任何内容的元素称为void元素,需要使用void元素时,如<br>或<img>,只需使用一个开始标记。
5.创建列表:
(1)用<li>元素包围每一个列表项。
(2)用<ol>或<ul>包围所有列表项。<ol>作为有序列表显示,<ul>作为无序列表显示。example:
<ol>
<li>list one</li>
<li>list two</li>
</ol>
6.要对HTML内容中的特殊字符使用字符实体。如在页面中输入“The <html> element rocks.” 通过字符实体,可以这样输入:
The < html> element rocks.
-完-