背景圖像固定
如果文檔比較長，那麼當文檔向下滾動時，背景圖像也會隨之滾動。當文檔滾動到超過圖像的位置時，圖像就會消失。
您可以通過 background-attachment 屬性防止這種滾動。通過這個屬性，可以聲明圖像相對於可視區是固定的（fixed），因此不會受到滾動的影響：
body
{
background-image:url(/i/eg_bg_02.gif);
background-repeat:no-repeat;
background-attachment:fixed
}縮進文本
把 Web 頁面上的段落的第一行縮進，這是一種最常用的文本格式化效果。
CSS 提供了 text-indent 屬性，該屬性可以方便地實現文本縮進。
通過使用 text-indent 屬性，所有元素的第一行都可以縮進一個給定的長度，甚至該長度可以是負值。
這個屬性最常見的用途是將段落的首行縮進，下面的規則會使所有段落的首行縮進 5 em：
p {text-indent: 5em;}注意：一般來說，可以爲所有塊級元素應用 text-indent，但無法將該屬性應用於行內元素，圖像之類的替換元素上也無法應用 text-indent 屬性。不過，如果一個塊級元素（比如段落）的首行中有一個圖像，它會隨該行的其餘文本移動。如果想把一個行內元素的第一行“縮進”，可以用左內邊距或外邊距創造這種效果
文本格式化
下標：
這是<sub>下標</sub>上標：
這是<sup>上標</sup>預格式文本：
預格式文本保持了文本本身的格式，如空格、換行等（適合用於輸入代碼）
<pre>
for i = 1 to 10
print i
next i
</pre>改變文字方向：
<bdo dir="rtl">
我是從右往左排列的
</bdo>錨鏈接
命名錨的語法：
<a name="label">錨（顯示在頁面上的文本）</a>提示：錨的名稱可以是任何你喜歡的名字。
提示：您可以使用 id 屬性來替代 name 屬性，命名錨同樣有效。
首先，我們在 HTML 文檔中對錨進行命名（創建一個書籤）：
<a name="tips">基本的注意事項 - 有用的提示</a>然後，我們在同一個文檔中創建指向該錨的鏈接：
<a href="#tips">有用的提示</a>也可以在其他頁面中創建指向該錨的鏈接：
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>表格
表格中的空單元格
在一些瀏覽器中，沒有內容的表格單元顯示得不太好。如果某個單元格是空的（沒有內容），瀏覽器可能無法顯示出這個單元格的邊框。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td></td>
<td>row 2, cell 2</td>
</tr>
</table>瀏覽器可能會這樣顯示：
注意：這個空的單元格的邊框沒有被顯示出來。爲了避免這種情況，在空單元格中添加一個空格佔位符，就可以將邊框顯示出來。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td> </td>
<td>row 2, cell 2</td>
</tr>
</table>JavaScript
如果瀏覽器壓根沒法識別 script標籤，那麼 script 標籤所包含的內容將以文本方式顯示在頁面上。爲了避免這種情況發生，你應該將腳本隱藏在註釋標籤當中。那些老的瀏覽器（無法識別 script 標籤的瀏覽器）將忽略這些註釋，所以不會將標籤的內容顯示到頁面上。而那些新的瀏覽器將讀懂這些腳本並執行它們，即使代碼被嵌套在註釋標籤內。
如：
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
base標籤
使用 base 標籤可以使頁面中的所有標籤在新窗口中打開：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<base target="_blank" />
</head>
<body>
<p>
<a href="http://www.w3school.com.cn" target="_blank">這個連接</a> 將在新窗口中加載，因爲 target 屬性被設置爲 "_blank"。
</p>
<p>
<a href="http://www.w3school.com.cn">這個連接</a> 也將在新窗口中加載，即使沒有 target 屬性。
</p>
</body>
</html>
meta標籤的作用
- 使用 meta 元素來描述文檔：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author"
content="w3school.com.cn">
<meta name="revised"
content="David Yang,8/1/07">
<meta name="generator"
content="Dreamweaver 8.0en">
</head>
<body>
<p>本文檔的 meta 屬性標識了創作者和編輯軟件。</p>
</body>
</html>
2.使用 meta 元素來定義文檔的關鍵詞：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="description"
content="HTML examples">
<meta name="keywords"
content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
</head>
<body>
<p>本文檔的 meta 屬性描述了該文檔和它的關鍵詞。</p>
</body>
</html>
3.把用戶重定向到新的網址：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
</head>
<body>
<p>
對不起。我們已經搬家了。您的 URL 是 <a href="http://www.w3school.com.cn">http://www.w3school.com.cn</a>
</p>
<p>您將在 5 秒內被重定向到新的地址。</p>
<p>如果超過 5 秒後您仍然看到本消息，請點擊上面的鏈接。</p>
</body>
</html>
