札記丶2017-09-06

HTML文本格式化實(shí)例

1.預(yù)格式文本

<!--<pre> 在之前的普通文本里,多余的空格和換行都會被簡化為一個空格,很適合計(jì)算機(jī)代碼?-->

<pre>

我喜歡 你?

五 五洲融媒體 科 技 ?股份有 限公司

public void onClick(View view){

? ? ? ? ? ?switch(view.getId()){

? ? ? ? ? ? ? ? ? ? ? case R.id.main_btn:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?Toast.makeText(getApplicationContext(), "Fantasychong", LENGTH_SHORT).show();

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?break;

? ? ? ? ? ?}

}

my name is Fantasychon ? ?g

</pre>

2.計(jì)算機(jī)輸入標(biāo)簽(顯示上大同小異,更多是功能性的)

<code>計(jì)算機(jī)代碼</code>

<kbd>鍵盤碼</kbd>

<tt>打字機(jī)代碼</tt>

<samp>計(jì)算機(jī)代碼樣本</samp>

<!-- var的顯示效果與上面的不同 ,是斜體,意義為定義的變量-->>

<var>所定義的計(jì)算機(jī)變量</var>

寫一段注釋,注釋用粗體,其它為普通字體

<p>

<b>注釋:</b>好久不見Fantasychong

</p>

這塊經(jīng)實(shí)際測試,加了段落<p>后會自動換行,就不用再輸入<br />換行符了,段落<p>的顯示方式會有間距,換行符</br>則沒間距

3.地址(<address>下統(tǒng)一斜體)

<address>

<b>歡迎來到Fantasychong的數(shù)碼小店:</b><a />屠龍寶刀,點(diǎn)擊就送</a>

我的實(shí)體店店鋪在:中華人民共和國陜西省西安市長安區(qū)韋曲鎮(zhèn)長安大街2號創(chuàng)業(yè)大廈101室<br />

我的QQ:925179076<br />

我的微信:zhangyongchong<br/>

</address>

4.縮寫和首字母縮寫

在網(wǎng)頁上顯示的是簡稱,把鼠標(biāo)放在上面會顯示全稱,acronym多用于首字母縮寫,之后已經(jīng)逐漸廢棄不用

<abbr title= "etcetera">etc.</abbr>

<acronym title="World Wide Web">WWW</acronym>

5.文字方向

這個東西挺好玩的,就是你輸入一段文本,外層嵌套這個標(biāo)簽,在瀏覽器實(shí)際顯示效果就會被倒過來

,前提是瀏覽器要支持bdo(bi-directional override)該元素可覆蓋默認(rèn)的文字方向。

比如說我們輸入一段文本,然后讓它從右到左輸出(rtl)

<bdo dir="rtl">

My name is zhangyongchong,what's your name?

</bdo>

6.塊引用

長引用一般用<blockquote>標(biāo)簽, 短引用一般用<q>標(biāo)簽

長引用一般引用長的文本,會單獨(dú)有個段落,而且會有間距

短引用一般引用短的文本,比如一句話,后面會自動加上雙引號" ",并沒有間距

?這是長引用:

<blockquote>

張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖張永沖

<blockquote>

這是短引用:

<q>五殺薇恩浪爆全場</q>

7.刪除字效果和新增字效果

效果是在字上加了一條橫線和加了一條下劃線,一目了然

刪除<del>

新增<ins>

<p>我的名字叫薇<del>恩我的</del>名字叫薇恩張<ins>永沖張永</ins>沖</p>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,520評論 1 41
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,855評論 32 459
  • HTML基礎(chǔ) 本文包括 HTML基本知識與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,205評論 2 21
  • 她的生命終結(jié)在七十歲,一生事業(yè)豐收,愛情,無果。 她死的那天,躺在華麗的棺材中,周邊卻沒有一位送葬的人,她的面容安...
    楠小二萌萌噠閱讀 282評論 0 1
  • 繁華盡處是滄桑, 歡喜過后皆凄涼。 人生何必聚又散, 相忘江湖無憂傷!
    紫竹軒居士閱讀 178評論 0 2

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