2017年11月7日 星期二

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

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

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

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


沒有留言:

張貼留言

Cursor Auto-Run 完整指南:為什麼已開啟卻不會自動執行?(含真正能自動跑的方法)

Cursor Auto-Run 完整指南:為什麼開啟卻不會自動執行? 🚀 Cursor Auto-Run 完整指南:為什麼已開啟卻不會自動執行?(含真正能自動跑的方法) Cursor 是目前最強大的 AI 程式...