本正經久了,我們都差點忘記自己也曾經是一只小鬼,HTML一本正經多了,我們就會忘記該看哪些內容,才是重點的。標注HTML文本內容的重點之處,可用顏色,也可用文本格式標簽。
HTML專用于文本格式的標簽有用于加粗的<b>,有用于傾斜的<i>,還有用于劃線的<u>等等。
強調文本的標簽,沒有特別的屬性,放大文本用<big>,縮小則用<small>標簽。加粗用<strong>或<b>,傾斜用<em>或<i>標簽。
其中strong和em是web標準中xhtml的標簽,strong和em的意思是“強調”;b是html的,b的意思是bold(粗體),i是html的,i的意思是Italic(斜體)。
對于搜索引擎來說<strong>和<em>比<b>和<i>要重視的多。為了符合現在W3C的標準,還是推薦使用strong和em標簽。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第4個HTML-文本格式</title>
</head>
<body>
老陳說編程,建議你從<strong>基礎</strong>學起<br/>
有了<b>基礎</b>,學起來才能輕輕松松,否則就出出現<br/>
<em>頭重腳輕</em>,有了<i>頭重腳輕</i>的毛病,就容易放棄。<br/>
為了讓你有所體悟,我特意加大<big>基礎</big>二字,<br/>
縮小了<small>頭重腳輕</small>四個字。
</body>
</html>
輸出結果
在寫一篇文章時,難免會對其內容進行修修改改,有時會刪除線刪掉一部分不要的內容,有時會都重點內容畫下劃線,在HTML文件中,刪除線用<s>,下劃線用<u>標簽。還有一種刪除線和下劃線的效果,是用<del>和<ins>標簽。
如果要說<s>和<del>,<u>和<ins>的區別的話,那就是<s>和<u>常常是單獨出現的單身狗,而<del>和<ins>則是經常成雙成對出現的,是好基友。
如果你是一個愛<u>琴</u>之人,你就不會隨意掐斷<s>琴弦</s>(改為:情弦)。<br/>
若情弦一斷,人便失去了牽絆,便會活得<del>好</del><ins>更加</ins>灑脫。
輸出結果
在偏向角單位,如℃時,如平方時,就要用上標實現;在偏向右下角,如底數時,就要用到下標來實現。html用<sup>和<sub>標簽實現上標和下標效果。它們也沒什么特別的屬性需要講解的。
你若要問愛情的溫度是多少℃?<br/>
我會告訴你,開心時是39<sup>℃</sup>,不開心是零下1<sup>℃</sup>。<br/>
如果你想問我是什么道理,我就會告訴你:<br/>
這個跟計算log<sub>2</sub>90°是一樣的。
輸出結果
好了,有關html文本格式的內容,老陳講完了,如果覺得對你有所幫助,希望老鐵能轉發點贊,讓更多的人看到這篇文章。你的轉發和點贊,就是對老陳繼續創作和分享最大的鼓勵。
一個當了10年技術總監的老家伙,分享多年的編程經驗。想學編程的朋友,可關注:老陳說編程。分享Python,前端(小程序)、App和嵌入式方面的干貨。關注我,沒錯的。
#前端##HTML5##CSS##程序員##奇葩說#
arkdown是一種輕量級標記語言,在2004年由約翰·格魯伯(英語:John Gruber)創建。markdown編寫的文檔可以導出為多種格式,如:html,word,圖片,pdf,Epub等,后綴為 .md 或者 .markdown。
markdown被許多網站用來編寫幫助文檔或者用于論壇上發布消息,如:java項目的readme.md,GitHub,簡書,reddit,Diaspora,Stack Exchange,OpenStreetMap ,SourceForge等。
markdown可以用 Typora 編輯器來編輯,支持Windows、Linux、OSX等系統,Typora官網地址:https://typora.io/ 。
標題
可以使用兩種方法表示標題,推薦使用第二種
第一種使用兩個=或 - 分別表示一級標題和二級標題
第二種,使用 # 表示標題,一個 # 表示一級標題,兩個 # 表示二級標題,總共可以表示六級標題。需要注意的是 # 后面要加一個空格
段落
段落沒什么特殊格式,直接編寫就可以了。需要注意的是如果想要切換段落有點特殊,需要多敲一個空行或者在前一段落后面敲兩個空格在回車
字體樣式
使用一對 * 或 _ 表示斜體,使用兩對表示粗體,使用三對表示粗斜體。
使用三個或三個以上的 * 或 _ 表示分割線
使用兩對 ~ 表示刪除線
使用html標簽 <u> 表示下劃線
腳注
腳注類似于變量解釋,是對文檔中的某段內容進行解釋,一般解釋會放到文檔末尾,語法為 [^key]
列表
用 * 或 + 或 - 加上空格表示無序列表,效果都一樣。嵌套的列表需要在前面加上4個空格
用數字加上點加上空格表示有序列表。嵌套列表需要在前面加上4個空格
區塊
區塊使用 > 表示,如果嵌套就用多個 > 表示
代碼塊
代碼塊分為單行代碼塊和多行代碼塊,其中多行代碼塊有幾種書寫方式,請根據情況自行選擇
使用一對 ` 可以表示一行代碼
使用三對 ` 可以表示一段代碼
使用三對 ` 加上語言類型,可以在編寫代碼塊時指定代碼的語言類型
使用四個空格或制表符也可以開始一段代碼塊的編寫,推薦用法
鏈接
可以使用三種方式表示鏈接,請分情況使用。推薦使用第一種
第一種,[名稱](地址)
第二種,<地址> ,這種方式要求地址為 http:// 或 https:// 開頭
第三種,[名稱](key),在文末對key進行解釋說明
圖片
可以使用三種方式表示圖片,請分情況使用。推薦使用第一種
第一種,使用 <img>標簽,語法和html相同。如果你的圖片需要設置寬和高,請使用這種方式
第二種,,其中title是可選參數,鼠標滑過圖片時會顯示該參數。圖片找不到時會顯示alt參數
第三種,![alt][key],在文末對key進行說明。
表格
使用 | 表示不同的單元格
使用 - 分割表頭和其他行,分割時可以指定對其方式。:---表示左對齊,---:表示右對齊,:---:表示居中對齊
高級技巧
markdown支持html標簽,支持的標簽有:<kbd> <b> <i> <em> <sup> <sub> <br>等
markdown可以使用反斜杠轉義字符
-- 赫連小伍原創,轉載請注明出處,微信公眾號同名
這篇文章中,我將分享21個HTML技巧,包括代碼片段,可以提升你的編碼技能。
讓我們立即開始吧。
(本文視頻講解:java567.com)
*請認真填寫需求信息,我們會在24小時內與您取得聯系。