html4的读书笔记,《HTML与CSS 第一章 认识HTML》读书笔记

一、Web让广播明星黯然失色

要建立Web页面，需要创建用超文本标记语言(HyperText Markup Language，HTML)编写的文件，把它们放在一个Web服务器上

二、Web服务器能做什么？

Web服务器在互联网上有一份全天候的工作。

服务器就是连接到互联网的计算机。

每个服务器会存储HTML文件、图像、声音和其他类型的文件。

你在网上冲浪，单击一个链接来访问某个页面。这个单击会导致浏览器向Web服务器请求一个HTML页面

三、你写的代码(HTML)

Head First Lounge

Welcome to the Head First Lounge

Join us any evening for refreshing elixirs,

conversation and maybe a game or

two of Dance Dance Revolution .

Wireless access is always provided;

BYOWS(Bring your own Web server).

Directions

You'll find us right in the center of

downtown Webville.Come join us!

View Code

四、浏览器创建的页面

标记就是尖括号括起来的词或字符，它会告诉浏览器文本的结构和含义。

五、你在Starbuzz咖啡馆交好运了

六、创建Starbuzz Web页面

1

2

3

index

4

5

6

7 House Blend,$1.498 A smooth,mild blend of coffees from9 Mexico,Bolivia and Guatemala.10

11 Mocha cafe Latte,$2.2512 Espresso,steamed milk and chocolate13 syrup.14

15 Cappuccino,$1.8916 A mixture of espresso,steamed milk17 and foam.18

19 Chai Tea,$1.8520 A spicy dring made with black tea,21 spices,milk and honey22

23

24

七、创建一个HTML文件

八、现在，再回到Starbuzz

九、保存你的成果

创建一个项目文件夹：能描述项目的功能，比如starbuzz

十、在浏览器中打开你的Web页面

十一、测试你的页面

现在来增加结构：

index

Starbuzz Coffee Beverages

House Blend,$1.49

A smooth,mild blend of coffees from

Mexico,Bolivia and Guatemala.

Mocha cafe Latte,$2.25

Espresso,steamed milk and chocolate

syrup.

Cappuccino,$1.89

A mixture of espresso,steamed milk

and foam.

Chai Tea,$1.85

A spicy dring made with black tea,

spices,milk and honey

十二、完工了吗？

编写HTML时要把首部和页面主体分开

十三、另一个测试

十四、标记剖析

元素=开始标记+内容+结束标记

十五、认识style元素

CSS是层叠样式表(Cascading Style Sheet)

元素可以有属性？这是什么意思？————通过属性，可以提供一个元素的附加信息。比如说，如果有一个

为什么必须指出样式类型("text/css")作为style元素的一个属性？难道还有其他类型的样式吗？————从前，HTML的设计者认为以后应该还会有其他样式，不过如今，呵呵。。。

十六、给Starbuzz网站加点样式......

body{

background-color:#d2b48c;

margin-left:20%;

margin-right:20%;#设置右边距占页面的20%

border:2px dotted black;#定义页面主体周围的边框是虚线，黑色

padding:10px 10px 10px 10px#在页面主体周围创建一些内边距

font-family:sans-serif;

}

十七、测试样式