舉例而言想要將下述的文字"多個元素"產生背景黃色和文意上的粗體和斜體的效果,在這教學如何同時使用多個元素在一段文字來產生效果。預期產生的效果如下圖。
那由於文意中的強調是em標籤,而文字背景套上黃色是用mark標籤,粗體字是用strong標籤,為了要同時作用在一段文字那就可以如下圖中的程式碼打
<strong><mark><em>多個元素</em></mark></strong>便可達到效果。
記得必須<起始標籤>內容<結束標籤>,所以不可以像是這樣:<em><strong><mark>多個元素</em></mark></strong> 這樣的話<strong>對應的是</mark>,這樣內容交錯了會造成HTML的語法錯誤,雖然瀏覽器仍可呈現出效果,但是有些工具或是往後用CSS會產生非預期的效果。
2017年11月7日 星期二
訂閱:
張貼留言 (Atom)
用 Antigravity 開發時,怎麼同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版)
用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版) 用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(...
-
文組生也能學會寫程式:用 Cursor 幫你看懂程式碼,開啟你的自學之路 很多人以為程式只有理工科才能接觸,但我想告訴你: 文組生也完全可以寫程式,而且可以寫得很好。 你需要的不是天賦,而是正確的學習方法與工具。 在我自學與教學的過程中,我發現一個強大的工具 —— Cu...
-
Cursor Auto-Run 完整指南:為什麼開啟卻不會自動執行? 🚀 Cursor Auto-Run 完整指南:為什麼已開啟卻不會自動執行?(含真正能自動跑的方法) Cursor 是目前最強大的 AI 程式...
-
從本機到 GitHub:我如何理解 Git 的核心邏輯並成功推送專案 在正式使用 Git 與 GitHub 之前,我對它們的理解僅止於「版本控制」與「放程式碼的地方」。但當我真正嘗試將本機專案推送到 GitHub 時,才發現整個流程包含版本管理、狀態追蹤、身分驗證等多層邏輯,...


沒有留言:
張貼留言