舉例而言想要將下述的文字"多個元素"產生背景黃色和文意上的粗體和斜體的效果,在這教學如何同時使用多個元素在一段文字來產生效果。預期產生的效果如下圖。
那由於文意中的強調是em標籤,而文字背景套上黃色是用mark標籤,粗體字是用strong標籤,為了要同時作用在一段文字那就可以如下圖中的程式碼打
<strong><mark><em>多個元素</em></mark></strong>便可達到效果。
記得必須<起始標籤>內容<結束標籤>,所以不可以像是這樣:<em><strong><mark>多個元素</em></mark></strong> 這樣的話<strong>對應的是</mark>,這樣內容交錯了會造成HTML的語法錯誤,雖然瀏覽器仍可呈現出效果,但是有些工具或是往後用CSS會產生非預期的效果。


沒有留言:
張貼留言