一：HTML块、类、布局
HTML<div>和<span>
可以通过<div>和<span>将 HTML 元素组合起来。
HTML 块元素
大多数 HTML 元素被定义为块级元素或内联元素。
编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：<div>,<p>,<ul>,<table>。
HTML 内联元素
内联元素在显示时通常不会以新行开始。
例子：<b>,<td>,<a>,<img>。
HTML 类
对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。 为相同的类设置相同的样式，或者为不同的类设置不同的样式。
分类块级元素
HTML<div>元素是块级元素。它能够用作其他 HTML 元素的容器。 设置<div>元素的类，使我们能够为相同的<div> 元素设置相同的类。
分类行内元素
HTML<span>元素是行内元素，能够用作文本的容器。 设置<span>元素的类，能够为相同的<span>元素设置相同的样式。
HTML 布局
使用<div>元素的 HTML 布局
注释：<div>元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。
使用表格的 HTML 布局
注释： <table>元素不是作为布局工具而设计的。
<table>元素的作用是显示表格化的数据。 使用<table>元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式：
二：HTML背景（Backgrounds）
<body>拥有两个配置背景的标签。背景可以是颜色或者图像。
背景颜色（Bgcolor）
背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。
以上的代码均将背景颜色设置为黑色。
背景（Background）
背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。
提示：如果你打算使用背景图片，你需要紧记一下几点：
1、背景图像是否增加了页面的加载时间。小贴士：图像文件不应超过 10k。
2、背景图像是否与页面中的其他图象搭配良好。
3、背景图像是否与页面中的文字颜色搭配良好。
4、图像在页面中平铺后，看上去还可以吗？
5、对文字的注意力被背景图像喧宾夺主了吗？
基本的注意事项 - 有用的提示：
<body>标签中的背景颜色（bgcolor）、背景（background）和文本（text）属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。W3C 在他们的推荐标准中已删除这些属性。
应该使用层叠样式表（CSS）来定义 HTML 元素的布局和显示属性。
三：HTML 脚本
HTML script 元素
<script>标签用于定义客户端脚本，比如 JavaScript。 script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。 必需的 type 属性规定脚本的 MIME 类型。 JavaScript 最常用于图片操作、表单验证以及内容动态更新。 下面的脚本会向浏览器输出“Hello World!":
<noscript>标签
<noscript>标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：
四：HTML头部元素
HTML<head>元素
<head>元素是所有头部元素的容器。 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
以下标签都可以添加到 head 部分：<title>、<base>、<meta>、<script>以及<style>。
五：HTML 字符实体
HTML 实体
在 HTML 中，某些字符是预留的。
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。
如需显示小于号，我们必须这样写：< 或 <
网友评论