在切片中增加 HTML 文字

為切片選擇「沒有影像」類型，可讓您輸入即將顯示在完成網頁切片區域中的文字，這個文字是 HTML 文字，您可以使用標準的 HTML 標記設定它的格式，還可以選取垂直或水平的對齊選項。如需關於特定 HTML 標記的詳細資訊，請參閱 HTML 參考文件 (列印文件或網頁)。

Photoshop 和 ImageReady 不會在文件視窗中顯示 HTML 文字；您必須使用網頁瀏覽器預視文字 (請參閱設定和檢視切片選項)。請記住，檢視時所使用的瀏覽器設定和作業系統會影響文字的外觀，因此，請務必要在不同的瀏覽器上、使用不同的瀏覽器設定，以及在不同的作業系統上，檢視顯示在網頁上的文字。

注意：「沒有影像」切片中文字的多寡，會影響轉存後頁面的版面配置。請務必在不同的瀏覽器中檢視您的設計，以確保一致性。

在切片中增加 HTML 文字：

1. 選取切片。如果您是在 Photoshop 中工作，請使用「切片選取」工具按兩下切片，即可顯示「切片選項」對話框。
2. 在「切片選項」對話框 (Photoshop) 或「切片」浮動視窗 (ImageReady) 的「類型」彈出式選單中，選取「沒有影像」。
3. 在文字方塊中，輸入需要的文字。
4. (Photoshop「儲存為網頁用」對話框和 ImageReady) 如果文字中包含 HTML 格式標記，請選取「文字是 HTML」選項。如果取消選取這個選項，您輸入的所有文字 (包括格式標記) 都將顯示在最後產生的網頁中。
5. (Photoshop「儲存為網頁用」對話框和 ImageReady) 如果想要的話，可以在對話框的「儲存格對齊」區域中選取選項。

水平對齊選項：

• 「預設」會使用瀏覽器的預設水平對齊方式
• 「左側」會將文字對齊切片區域的左側
• 「居中」會將文字對齊切片區域的中央
• 「右側」會將文字對齊切片區域的右側

垂直對齊選項：

• 「預設」會使用瀏覽器的預設垂直對齊方式
• 「頂端」會將文字對齊切片區域的頂端。
• 「基線」會為同一列 (指完成的 HTML 表格而言) 儲存格的第一行文字設定共同的基線，該列中的每一個儲存格都必須使用「基線」選項。
• 「居中」會將文字放在切片區域的垂直居中位置。
• 「底部」會將文字對齊切片區域的底部。