iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 4
0
自我挑戰組

網頁設計初學之路系列 第 4

Day04.打文字可是基礎中的基礎(二)

  • 分享至 

  • xImage
  •  

語法標示:

有些文字元素並不會影響網頁結構,他們的用途是更精確地描述網頁內容。乍看之下沒什麼用處,但這能讓搜尋引擎和其他軟體便於使用這些資訊。
以下元素都有預設的樣式,但可以不用擔心樣式被固定,未來學的CSS能幫你將樣式做更換。

<body>
 這是文字這是<em>重點</em>這是文字<br /><br />
 這是文字這是<strong>超級重點</strong>文字<br /><br />
 <blockquote cite="網站來源">
  <p>
   這是段落這是段落這是段落
   這是段落這是段落這是段落
  </p>
 </blockquote>
 <p>
  這是文<q>字這是文</q>字這是文字
 </p>
</body>

https://ithelp.ithome.com.tw/upload/images/20190920/20120458dl7rARBkjN.png

<em>
代表文中稍微有文意轉折的強調字眼,一般預設為斜體呈現。若想更改斜體樣式,之後學會CSS,可以使用CSS來做更改。
<strong>
用法跟<em>一樣,但比<em>更加強調,預設為粗體字。
<blockquote>
用於標示引述文字,可以在屬性內使用cite來標示網頁來源,但並會與來源網站做連結。通常是用在較長的引述,可包含文字區塊,例如<p>元素。預設樣式為縮排。
<q>
也是用於標示引述文字,通常用於比較短的引述,放在文字行內。預設的樣式為加上引號,但IE無樣式。

<body>
 這是<cite>大英百科</cite>文字這是文字<br /><br />
 這是文字<dfn>專業術語</dfn>這是文字<br /><br />
 <address>
  <p>abcd@ggg.com.tw</p>
  <p>XX市YY區OO街</p>
 </address>
</body>

https://ithelp.ithome.com.tw/upload/images/20190920/20120458cldlh27Vlf.png
<cite>
元素cite,用於標示例如書籍、論文或電影之類的註解來源,預設的樣式為斜體。
<dfn>
用於定義術語及專業行話。
<address>
用於放入網頁作者的聯繫項目,例如電話號碼或e-mail等。預設樣式為斜體。


上一篇
Day03.打文字可是基礎中的基礎
下一篇
Day05.用清單編列資訊吧
系列文
網頁設計初學之路5
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言