整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          第4天 - 16天搞定前端,html文本格式,奇葩說

          第4天 - 16天搞定前端,html文本格式,奇葩說?

          本正經久了,我們都差點忘記自己也曾經是一只小鬼,HTML一本正經多了,我們就會忘記該看哪些內容,才是重點的。標注HTML文本內容的重點之處,可用顏色,也可用文本格式標簽。

          HTML專用于文本格式的標簽有用于加粗的<b>,有用于傾斜的<i>,還有用于劃線的<u>等等。

          4.1 重點的強調

          強調文本的標簽,沒有特別的屬性,放大文本用<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>

          輸出結果

          4.2 畫出個道來

          在寫一篇文章時,難免會對其內容進行修修改改,有時會刪除線刪掉一部分不要的內容,有時會都重點內容畫下劃線,在HTML文件中,刪除線用<s>,下劃線用<u>標簽。還有一種刪除線和下劃線的效果,是用<del>和<ins>標簽。

          如果要說<s>和<del>,<u>和<ins>的區別的話,那就是<s>和<u>常常是單獨出現的單身狗,而<del>和<ins>則是經常成雙成對出現的,是好基友。

          如果你是一個愛<u>琴</u>之人,你就不會隨意掐斷<s>琴弦</s>(改為:情弦)。<br/>
          若情弦一斷,人便失去了牽絆,便會活得<del>好</del><ins>更加</ins>灑脫。

          輸出結果

          4.3 上標和下標

          在偏向角單位,如℃時,如平方時,就要用上標實現;在偏向右下角,如底數時,就要用到下標來實現。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相同。如果你的圖片需要設置寬和高,請使用這種方式


          第二種,![alt](地址 "title"),其中title是可選參數,鼠標滑過圖片時會顯示該參數。圖片找不到時會顯示alt參數


          第三種,![alt][key],在文末對key進行說明。


          表格


          使用 | 表示不同的單元格

          使用 - 分割表頭和其他行,分割時可以指定對其方式。:---表示左對齊,---:表示右對齊,:---:表示居中對齊


          高級技巧


          markdown支持html標簽,支持的標簽有:<kbd> <b> <i> <em> <sup> <sub> <br>等

          markdown可以使用反斜杠轉義字符



          -- 赫連小伍原創,轉載請注明出處,微信公眾號同名

          這篇文章中,我將分享21個HTML技巧,包括代碼片段,可以提升你的編碼技能。

          讓我們立即開始吧。

          (本文視頻講解:java567.com)


          主站蜘蛛池模板: 国产丝袜无码一区二区视频| 无码国产精品一区二区免费式影视 | 国产日韩精品一区二区在线观看 | 亚洲av色香蕉一区二区三区| 女人和拘做受全程看视频日本综合a一区二区视频| 亚洲国产一区二区视频网站| 精品无码一区二区三区爱欲 | 无码少妇一区二区三区芒果| 成人中文字幕一区二区三区 | 亚洲国产成人久久一区WWW| 日本一区二区视频| 麻豆AV天堂一区二区香蕉| 在线精品一区二区三区| 国产精品合集一区二区三区| 免费一区二区无码东京热| 无码一区二区三区免费视频| 人妻AV中文字幕一区二区三区| 高清无码一区二区在线观看吞精| 亚洲一区中文字幕| 无码精品人妻一区二区三区免费看 | 91香蕉福利一区二区三区| 不卡无码人妻一区三区音频| 一级毛片完整版免费播放一区| 一本久久精品一区二区| 无码人妻精品一区二区蜜桃| 亚洲日本一区二区三区| 无码精品视频一区二区三区| 亚洲高清日韩精品第一区| 久久91精品国产一区二区| 久久一区二区精品| 精品国产a∨无码一区二区三区| 蜜桃无码AV一区二区| 精品少妇人妻AV一区二区三区| 一本一道波多野结衣一区| 女同一区二区在线观看| 精品国产日韩亚洲一区| 无码一区二区三区| 一区二区三区免费精品视频| 中文字幕一区在线观看| 97人妻无码一区二区精品免费| 国产一区风间由美在线观看|