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

本文介绍了HTML和CSS的基础知识,包括如何使用HTML创建网页结构、如何使用CSS控制网页表现,以及如何利用HTML元素构建内容丰富的网页。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一章 认识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.


-完-


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值