舉例而言想要將下述的文字"多個元素"產生背景黃色和文意上的粗體和斜體的效果,在這教學如何同時使用多個元素在一段文字來產生效果。預期產生的效果如下圖。
那由於文意中的強調是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 專案(...
-
從本機到 GitHub:我如何理解 Git 的核心邏輯並成功推送專案 在正式使用 Git 與 GitHub 之前,我對它們的理解僅止於「版本控制」與「放程式碼的地方」。但當我真正嘗試將本機專案推送到 GitHub 時,才發現整個流程包含版本管理、狀態追蹤、身分驗證等多層邏輯,...
-
【第二篇】本機開發遇到 Vite 錯誤:小白一步一步完全排查指南 適用:本地使用 php artisan serve 出現 ViteManifestNotFoundException 步驟 開 Terminal cd 到專案 npm install npm r...
-
【第一篇】ViteManifestNotFoundException 到底在說什麼? 如果你正在學 Laravel,然後突然跳出一個: ViteManifestNotFoundException 到底在共三小? 其實它的意思超簡單: Laravel 找不到「前端打...


沒有留言:
張貼留言