2017年11月7日 星期二

如何使用多個元素在一段文字上來產生合併的效果

舉例而言想要將下述的文字"多個元素"產生背景黃色和文意上的粗體和斜體的效果,在這教學如何同時使用多個元素在一段文字來產生效果。預期產生的效果如下圖。

那由於文意中的強調是em標籤,而文字背景套上黃色是用mark標籤,粗體字是用strong標籤,為了要同時作用在一段文字那就可以如下圖中的程式碼打
<strong><mark><em>多個元素</em></mark></strong>便可達到效果。

記得必須<起始標籤>內容<結束標籤>,所以不可以像是這樣:<em><strong><mark>多個元素</em></mark></strong>   這樣的話<strong>對應的是</mark>,這樣內容交錯了會造成HTML的語法錯誤,雖然瀏覽器仍可呈現出效果,但是有些工具或是往後用CSS會產生非預期的效果。


沒有留言:

張貼留言

用 Antigravity 開發時,怎麼同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版)

用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版) 用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(...