HEAD FIRST HTML&CSS 读书笔记(2)

1.构建HTML列表

第一步：将每个列表项放在一个<li>元素中。

第二步：用<ol>或<ul>包裹列表项。使用<ol>为有序，使用<ul>为无序。

注：<ol>和<li>元素都是块元素。

<ol><li>第一项</li><li>第二项</li><li>第三项</li></ol><ul><li>第一项</li><li>第二项</li><li>第三项</li></ul>

2.可以为链接增加title。当鼠标处于链接上时就会显示title的文字。对于有视力障碍的人来说，浏览器可能会大声读出这个标题，便于访问。

<a href="index.html" title="ni hao"> index </a>

3.<a>元素的id属性，允许直接访问页面中的特定点。

注：带id的元素有一个特性：你可以直接链接这些元素。

使用id属性在页面中为<a>创建目标：

第一步：找到页面中设置锚点的位置，可以使任何位置，最好是在标题处。

第二步：为目标选择一个标识，如tea，并在元素的开始标记中插入一个id属性。

如何用id链接到元素：

要链接到页面中的一个特定点，只需要在链接的最后加一个#，再加上目标标识符。

注：任何元素都可以增加id属性。

<h1 id="tea"> long jing tea <h1> 

<a href="test.html#tea" title="ni hao"> index </a>

定位到屏幕最上方或最下方：
当页面较长时，可以在页面开始或末尾处定义top或end标签。

<a href="#top"> back to top </a>

4.链接到一个新窗口。使用target打开新窗口。

当打开一个新窗口，需要告诉新窗口的窗口名。为<a>元素增加一个target属性。target属性值会告诉浏览器页面的“目标窗口”。如果使用"_blank"作为目标，浏览器就总是打开一个新窗口显示页面。

<a target="_blank" href="index.html#coffee" title="ni hao"> index </a>