2. 程式人生 > >HTML-預文字格式&計算機輸出標籤

HTML-預文字格式&計算機輸出標籤

阿新 • • 發佈：2019-02-11

1.預文字格式標籤：<pre>

（1）用來定義預格式化的文字，被包圍在此標籤中的文字通常會保留空格和換行符，並且文字也會以等寬形式呈現

（2）一個常見的應用便是用來儲存計算機中的原始碼的文字。但是，需要注意的是， 可以導致段落斷開的標籤（例如標題、<p> 和 <address> 標籤）絕不能包含在 <pre> 所定義的塊裡。 pre標籤允許的文字可以包括物理樣式和基於內容的樣式變化，還有連結、影象和水平分隔線。 當把其他標籤（比如 <a> 標籤）放到<pre> 塊中時，就像放HTML/XHTML 文件的其他部分中一樣即可

2.計算機輸出標籤

（1）<code>標籤，定義計算機程式碼或者其他機器可以閱讀的文字內容，將文字內容以等寬、類似電傳打字機樣式的字型（courier）顯示出來，而且也暗示這段文字表示計算機的原始碼，但瀏覽器可以做出自己的樣式處理

（2）<kbd>標籤，定義鍵盤碼，當我們需要表達鍵盤輸入文字時，從Web標準的角度出發，強烈建議使用這個標籤，因為，它更具語義化，搜尋引擎也更能讀懂它

（3）<samp>標籤，定義計算機程式碼樣本

（4）<tt>標籤，定義打字機程式碼

（5）<var>標籤，定義變數

示例程式碼：

<html>
<body bgcolor="pink">
 
<!--預文字格式化-->
for i = 1 to 9
		print i
	next i
<pre>
	for i = 1 to 10
		print i
	next i
</pre>
<br/>
<code>
	for i = 1 to 11
		print i
	next i
</code>
<br/>
<kbd>
	for i = 1 to 12
		print i
	next i
</kbd>
<br/>
Please input <kbd>quit</kbd> to exit
<br/>
<tt>
	for i = 1 to 13
		print i
	next i
</tt>
<br/>
<samp>
	for i = 1 to 14
		print i
	next i
</samp>
<br/>
<var>
	for i = 1 to 15
		print i
	next i
</var>

</body>
</html>

展現效果：

 

（6）<address>標籤，定義地址，預設斜體顯示標籤裡的內容

示例程式碼：

<html>
<body bgcolor="pink">

<!--地址標籤-->
<address>Written by <a href="mailto:[email protected]"> Tester </a>
Visit us at:<br/>
Example.com<br/>
Box 111,New York <br/>
USA
</address>


</body>
</html>

展現效果：


（7）<abbr>和<acronym>標籤，分別表示定義網頁中呈現的文字的縮寫和簡稱，都通過title屬性來給出縮寫的完整名稱，區別在於，<acronym>標記用來表示首字母縮略詞，並且往往縮寫形式是一個可發音的單詞

示例程式碼：

<html>
<body bgcolor="pink">
	
<!--首字母縮寫-->
<abbr title="World Wide Web">WWW</abbr>
<br/>
<acronym title="North Atlantic Treaty Organization">NATO</acronym><br>

</body>
</html>

展現效果：


（8）<dbo>標籤，定義文字方向，rtl（right to left）表示倒序，ltr表示正序

示例程式碼：

<html>
<body bgcolor="pink">
	
<!--定義文字方向標籤dbo，rtl表示right to left反序，ltr正序-->

<bdo dir="rtl">Here is some Hebrew text</bdo>

</body>
</html>
展現效果：


（9）<blockquote>和<q>標籤，<blockquote>標籤定義長引用，預設帶有左右40px的外間距，不帶雙引號；而<q>標籤表示短引用，在內容的開始和結尾處包含雙引號

示例程式碼：

<html>
<meta charset="utf-8">
<body bgcolor="pink">
	
<!--定義塊引用，blockquote表示長引用，q表示短的引用-->
1.以下表示長引用：
<br/>
<blockquote>
    這是長的引用。abcdefgABCDEFG
</blockquote>
<br/>

2.以下表示短引用:
<br/>
<q>
    這是短的引用。12345
</q>

</body>
</html>
展示效果：


相關推薦

HTML-預文字格式&計算機輸出標籤

1.預文字格式標籤：<pre> （1）用來定義預格式化的文字，被包圍在此標籤中的文字通常會保留空格和換行符，並且文字也會以等寬形式呈現 （2）一個常見的應用便是用來儲存計算機中的原始碼的文字。但是，需要注意的是， 可以導致段落斷開的標籤（例如標題、<p&g

html文字格式之上下標籤

首先，在html中的上下標籤是<sup>和<sub>。 直接上程式碼： <p>文字格式</p> This is a context <sub>subscript</sub> <hr> This is a contex

Table使控制元件對齊，HTML預文字控制空格、空行

 1.1   Table       選Toolbox ->HTML->Table,拖入aspx的Design檢視中，調整Table大小，行列數量，把需要對齊的多個控制元件分別拖入Cell中，即可實現對齊。  1.2   HTML預文字格式        使用

html文字格式之預格式文字

在html中如果不使用預格式（pre），那麼文字呈現的結果將會有一些偏差。 比如：我想要一段話的呈現結果如下圖所示： 不採用預格式： <p> 預格式文字 示例 可以保留 空格 和換行哦。。。 </p> <p>p

html中文字的字型格式標籤

<html xmlns="http://www.w3.org/1999/xhtml"> <head></head> <body> <font

HTML滾動文字程式碼 marquee標籤

看到一個HTML滾動文字程式碼 marquee標籤的內容，非常全面，而且覺得有點意思，可以讓大家為自己部落格或者網站設定一個漂亮的滾動文字。 以下是原文：     <marquee style="WIDTH: 388px; HEIGHT: 200px" scrollam

html頁面做迴圈輸出標籤,將資料庫中的資料展示在頁面上

頁面是html頁面.只是其中兩塊div.我用到了跨庫查詢. 注:我後臺傳值,頁面未顯示資料.我後臺不傳值,只定義空的方法,不傳引數.頁面可顯示資料. dao層的方法我是這麼定義的. public List<Cars> queryByNew(); service層: p

html滾動文字（marquee標籤）

<!doctype html> <html lang="en" ng-app> <head> <meta charset="UTF-8">

[awk] 一行命令處理文字的解析輸出格式OFS

/* 簡潔，推薦 */ grep cpe Recent.xml|grep product |sort|awk -F '<|>' '{ if($3!="") print $3 }'|awk  '{print $1,$2,$3,$4}' FS=':' OFS=':'

利用Matlab生成文字格式的影象目錄及分類標籤

話不多說，直接上程式碼，有問題請留言 clc;clear;close; %% 生成txt格式的影象分類標籤 path='D:\人工智慧\影象識別資料\'; folders=dir(path);% dir是direcory的縮寫，是目錄的意思，返回的folders是結構體，包

通過freeMarker將mht（html）文字讀入作為模板，引數替換，輸出doc

freeMarker是一款模板引擎。基於模板，和要改變的資料。生成輸出文件的工具。 首先我們將html或者mht讀入。 mht文件如何生成呢。我們在word文件編輯，編輯之後另存為mht即可。 模板內容，如果你想用引數替換。那麼mht中寫el表示式。${projectName}這樣你傳入一個

HTML文字結構及常用標籤

一、什麼是HTML? HTML:超文字標籤語言 (Hyper Text Markup Language) www全球資訊網的描述性語言。 XHTML指可擴充套件超文字標記語言（標識語言）（EXtensible HyperText Markup Language）是一種置標語言

計算機興趣——Word——巨集——一鍵處理百度百科文字格式整理

    計算機是用來自動化人工作的。。。         這篇文章是幹什麼的？當你複製網上的文字，再貼上到word上時，往往需要修改格式。eg：字型大小，居中，換行，設定標題。這種重複枯燥的操作，就應當交由計算機一鍵化秒秒鐘處理，將人解放出來。所以，這有了這篇文章。    

前端基礎 基本元素 文字格式相關的元素 使用a標籤新增超連結和錨點 列表相關元素 使用img元素新增圖片 表格相關元素 iframe元素 contentEditable hidden

1、基本元素 html:定義文件的根元素 head:定義文件的頁面頭部分 title:定義頁面標題 body:定義頁面的主體部分 h1-h6:定義標題一到六 p:定義段落插入 br:插入一個換行符 hr:定義水平線 div:定義文件中的節 span:跟div基本相似，區別是span只是表

簡單的將一個html（xml）文字中的img標籤（圖片）提取出來的方法

int i = 0; int j = 0; QMovie* movie; while (i < paramstr.length()

Log4net系列一：Log4net搭建之文字格式輸出

Log4net簡介 前言 專案開發中，記錄專案日誌是必須的，如果非要說日誌的重要性(日誌可看做，飛機的黑匣子，或者汽車的行車記錄儀)，根據等級進行記錄，方便我們排查相關問題，以後專案運維中，也方便很多。基本上我們進入一家公司，開發你從事什麼崗位，公司產品或專案的框架都已經

Java 獲取Html文字中的img標籤下src中的內容

/** * 得到網頁中圖片的地址 * @param htmlStr html字串 * @return List<String> */ private List<String> getImgStr(String

xml格式原樣輸出到html或是jsp頁面

在<body></body>之間的xml格式輸出到頁面時，只能輸出資料，要想原樣輸出到頁面，需加<xmp></xmp>，如： 1.開始時：       

如何將HTML轉換為純文字格式Text

可以完成HTML到Text的轉換，但是不能將表格轉換成HTML這是一個大困難。到現在都沒有找到一個比較好的實現。 HtmlAgilityPack.dll 這兒是一個用perl實現的將html表格轉換成純文字。 http://www.vbforums.com/sho

javascript之html元素文字輸出

     JavaScript 語句向瀏覽器發出的命令。語句的作用是告訴瀏覽器該做什麼。下面的 JavaScript 語句向  id="demo" 的 HTML 元素輸出文字 "Hello Wor