前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

读《Head First Html 与 CSS》(1-3章)

读《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 &lt; html&gt; element rocks.

-完-

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言