- 精通HTML5+CSS3+JavaScript網頁設計（視頻教學版）（第2版）
- 王英英
- 1499字
- 2019-12-09 14:23:50
2.1 添加文本
網頁中的文本可以分為兩大類：一類是普通文本，另一類是特殊字符文本。
2.1.1 普通文本
所謂普通文本是指漢字或者在鍵盤上可以輸出的字符。讀者可以在Dreamweaver CC代碼視圖的<body>標記部分直接輸入，或者在設計視圖下直接輸入。
如果有現成的文本，可以使用復制的方法把其他窗口中需要的文本復制過來。在粘貼文本的時候，如果只希望把文字粘貼過來，而不需要粘貼文檔中的格式，可以使用Dreamweaver CC的“選擇性粘貼”功能。
“選擇性粘貼”功能只在Dreamweaver CC的設計視圖中起作用，因為在代碼視圖中粘貼的僅文本，不會有格式。例如，將Word文檔表格中的文字復制到網頁中，而不需要表格結構，其操作方法為選擇【編輯】?【選擇性粘貼】選項或按下快捷鍵Shift+Ctrl+V，彈出【選擇性粘貼】對話框，在對話框中選中【僅文本】單選按鈕即可，如圖2-1所示。
圖2-1 【選擇性粘貼】對話框
2.1.2 特殊文字符號
目前，很多行業上的信息都出現在網絡上，每個行業都有自己的行業特性，如數學、物理和化學都有特殊的符號。如何在網頁上顯示這些特殊字符是本節將要講述的內容。
在HTML中，特殊字符以“&”開頭，以“；”結尾，中間為相關字符編碼。例如，大括號和小括號被用于聲明標記，因此如果在HTML代碼中出現“<”和“>”符號，就不能直接輸入了，需要當作特殊字符處理。在HTML中，用“<”代表符號“<”，用“>”代表符號“>”。例如，輸入公式"a>b"，在HTML中需要表示為“a>b”。
HTML中還有大量這樣的字符，例如空格、版權等，常用特殊字符如表2-1所示。
表2-1 常用特殊字符
在編輯化學公式或物理公式時，使用特殊字符的頻度非常高。如果每次輸入時都去查詢或者要記憶這些特殊特號的編碼，工作量是相當大的，在此為讀者提供以下技巧：
（1）在Dreamweaver CC的設計視圖下輸入字符，如輸入a>b這樣的表達式，可以直接輸入。對于部分鍵盤上沒有的字符可以借助“中文輸入法”的軟鍵盤。在中文輸入法的軟鍵盤上單擊鼠標右鍵，彈出特殊類別項（如圖2-2所示），選擇所需類型，如選擇“數學符號”，彈出數學相關符號（如圖2-3所示），單擊相應按鈕即可輸入。
圖2-2 特殊符號分類
圖2-3 數學符號
（2）文字與文字之間的空格如果超過一個，那么從第2個空格開始都會被忽略掉。快捷地輸入空格的方法如下：將輸入法切換成“中文輸入法”，并置于“全角”（Shift+空格）狀態，直接擊鍵盤上的空格鍵即可。
（3）對于上述兩種方法都無法實現的字符，可以使用Dreamweaver CC的【插入】菜單實現。選擇【插入】?HTML?【特殊字符】菜單命令，在所需要的字符中選擇，如果沒有所需要的字符，就選擇【其他字符】選項。
技巧提示
盡量不要使用多個“ ”來表示多個空格，因為多數瀏覽器對空格的距離的實現是不一樣的。
2.1.3 文本特殊樣式
在文檔中經常會出現重要文本（加粗顯示）、傾斜文本、上標和下標文本等。
1．重要文本
重要文本通常以粗體顯示、強調方式顯示或加強調方式顯示。HTML中的<b>標記、<em>標記和<strong>標記分別用來實現這三種顯示方式。
【例2.1】（實例文件：ch02\2.1.html）
在IE 11.0中預覽，效果如圖2-4所示，實現了文本的三種顯示方式。
圖2-4 重要文本預覽效果
2．傾斜文本
HTML中的<i>標記實現了文本的傾斜顯示。放在<i></i>之間的文本將以斜體顯示。
【例2.2】（實例文件：ch02\2.2.html）
在IE 11.0中預覽，效果如圖2-5所示，其中文字以斜體顯示。
圖2-5 傾斜文本預覽效果
技巧提示
HTML中的重要文本和傾斜文本標記已經過時，是需要讀者忘記的標記，這些標記都應該使用CSS樣式來實現。隨著后面學習的深入，讀者會逐漸發現，即使HTML和CSS實現相同的效果，但是CSS所能實現的控制遠遠比HTML要細致、精確得多。
3．上標和下標文本
在HTML中用<sup>標記實現上標文字，用<sub>標記實現下標文字。<sup>和<sub>都是雙標記，放在開始標記和結束標記之間的文本會分別以上標或下標形式出現。
【例2.3】（實例文件：ch02\2.3.html）
在IE 11.0中預覽，效果如圖2-6所示，分別實現了上標和下標文本顯示。
圖2-6 上標和下標預覽效果