HTML語言對文字的處理

標(biāo)簽 語意
<b> 加粗
<i> 加斜
<small> 小字
<big> 大字
<cite> 表引用
<q> 短引用(行內(nèi)引用)
<blockquote> 長引用(塊級引用)
上角標(biāo)
下角標(biāo)
<del> 加刪除線
<ins> 表示插入的內(nèi)容(即加下劃線)
列表
1.
image.png

使用ol和li創(chuàng)建一個(gè)有序列表(塊元素)

2.
image.png

使用ul和li創(chuàng)建一個(gè)無序列表(塊元素)

3.

image.png

使用dl、dt、dd創(chuàng)建一個(gè)定義列表(可描述多個(gè))
:三種列表可相互嵌套

字體分類
語句 語意
font-family:serif; 襯線字體
font-family:sans-serif; 非襯線字體
font-family:monospance; 等寬字體
font-family:cursive; 草書字體
font-family:fantasy; 虛幻字體
大寫化
語句 語意
text-transform:uppercase; 大寫
text-transform:lowercase; 小寫
text-transform:capitalize; 首字母大寫
text-transform:none; 正常
文本的修飾
語句 語意
text-decoration:underline; 加上劃線
text-decoration:overline; 加下劃線
text-decoration:line-throughi; 加中劃線
text-decoration:none; 正常
間距
語句 語意
letter-spacing:10px; 設(shè)置字符間的間距為10像素
word-spacing:10px; 設(shè)置單詞間的間距為10像素
對齊文本
語句 語意
text-align:left; 左對齊
text-align:right; 右對齊
text-align:justify; 兩邊對齊
text-align:center; 居中對齊
text-indent:2em; 首行縮進(jìn)兩個(gè)字符,只對第一行生效
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,155評論 1 92
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,953評論 0 0
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,878評論 32 459
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,189評論 0 1
  • 一,有序列表、無序列表、自定義列表如何使用?寫個(gè)簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)?...
    kingBirds閱讀 896評論 0 0

友情鏈接更多精彩內(nèi)容