第三章 文字版面的編輯

2021-04-07 09:59:44 字數 4742 閱讀 3551

3-1 換行標籤

換行標籤是個單標籤,也叫空標籤,不包含任和內容,在html檔案中的任何位置只要使用了

標籤,當檔案顯示在瀏覽器中時,該標籤之後的內容將顯示下一行。

請看下面的例子:3-1html

無換行標記:登鸛雀樓 白日依山盡,黃河入海流。欲窮千里目,更上一層樓。

有換行標記:

登鸛雀樓

白日依山盡,

黃河入海流。

欲窮千里目,

更上一層樓。

3-2 換段落標籤

及屬性:

由標籤所標識的文字,代表同乙個段落的文字。不同段落間的間距等於連續加了兩個換行符,也就是要隔一行空白行,用以區別文字的不同段落。它可以單獨使用,也可以成對使用。單獨使用時,下乙個的開始就意味著上乙個的結束。良好的習慣是成對使用。

格式:標籤的屬性,屬性有三個引數left,center,right.這三個引數設定段落文字的左,中,右位置的對齊方式.

例項:3-2html

花兒什麼也沒有。它們只有凋謝在風中的輕微、淒楚而又無奈的吟怨,

就像那受到了致命傷害的秋雁,悲哀無助地發出一聲聲垂死的鳴叫。

或許,這便是花兒那短暫一生最淒涼、最傷感的歸宿。

而美麗苦短的花期

卻是那最後悲傷的秋風輓歌中的瞬間插曲。

3-3 原樣顯示文字標籤

要保留原始文字排版的格式,就可以通過標籤來實現,方法是把製作好的文字排版內容前後分別加上始標籤和尾標籤.

例項:3-3html

白日依山盡,

黃河入海流。

欲窮千里目,

更上一層樓。

3-4 居中對齊標籤

文字在頁面中使用標籤進行居中顯示,是成對標籤,在需要居中的內容部分開頭處加,結尾處加

例項:3-4html

《送孟浩然之廣陵》

故人西辭黃鶴樓,

烟花三月下揚州。

孤帆遠影碧山盡,

惟見長江天際流。

3-5 引文標籤 (縮排標籤)

標籤可以用來建立乙個引文,他特別適合較長文字的引用,引文顯示時將會自動右移,左邊空出幾個格,加以區別。

例項:3-5html 春

盼望著,盼望著,東風來了,春天腳步近了。

一切都像剛睡醒的樣子,欣欣然張開了眼。山朗潤起來了,水漲起來了,太陽的臉紅起來了。

小草偷偷地從土裡鑽出來,嫩嫩的,綠綠的。園子裡,田野裡,瞧去一大片一大片滿是的。坐著,躺著,打兩個滾,踢幾腳球,賽幾趟跑,捉幾

回迷藏。風輕悄悄的,草軟綿綿的。

桃樹、杏樹、梨樹,你不讓我,我不讓你,都開滿了花趕趟兒。紅的像火,粉的像霞,白的像雪。花裡帶著甜味兒;閉了眼,村上彷彿已

經滿是桃兒、杏兒、梨兒。花下成千成百的蜜蜂嗡嗡地鬧著,大小的蝴蝶飛來飛去。野花遍地是:雜樣兒,有名字的,沒名字的,散在草

叢裡像眼睛,像星星,還眨呀眨的。

「吹面不寒楊柳風」,不錯的,像母親的手撫摸著你。風裡帶來些新翻的泥土的氣息,混著青草味兒,還有各種花的香,都在微微潤濕的

空氣裡醞釀。鳥兒將巢安在繁花嫩葉當中,高興起來了,呼朋引伴地賣弄清脆的喉嚨,唱出宛轉的曲子,跟輕風流水應和著。牛背上牧童

的短笛,這時候也成天嘹亮地響著。

雨是最尋常的,一下就是三兩天。可別惱。看,像牛毛,像花針,像細絲,密密地斜織著,人家屋頂上全籠著一層薄煙。樹葉兒卻綠得發

亮。小草兒也青得逼你的眼。傍晚時候,上燈了,一點點黃暈的光,烘托出一片安靜而和平的夜。在鄉下,小路上,石橋邊,有撐著傘慢

慢走著的人;地里還有工作的農民,披著蓑戴著笠。他們的房屋,稀稀疏疏的,在雨裡靜默著。

天上風箏漸漸多了,地上孩子也多了。城裡鄉下,家家戶戶,老老小小,也都趕趟兒似的,乙個個都出來了。舒活舒活筋骨,抖擻

抖擻精神,各做各的乙份事兒去。

「一年之計在於春」,剛起頭兒,有的是工夫,有的是希望。

春天像剛落地的娃娃,從頭到腳都是新的,它生長著。

春天像小姑娘,花枝招展的,笑著,走著。

春天像健壯的青年,有鐵一般的胳膊和腰腳,他領著我們上前去。

3-6水平分隔線標籤

標籤是單獨使用的標籤,是水平線標籤,用於段落與段落之間的分隔,使文件結構清晰明了,使文字的編排更整齊。通過設定標籤的屬性值,可以控制水平分隔線的樣式。

標籤的屬性

屬性引數

功能單位

預設值size

設定水平分隔線的粗細

pixel(畫素)

2width

設定水平分隔線的寬度

pixel(畫素)、%

100%

align

left enter right

設定水平分隔線的對齊方式

center

color

設定水平分隔線的顏色

black

noshade

取消水平分隔線的3d陰影

例項:3-6html

春  曉

春眠不覺曉,

處處聞啼鳥。

夜來風雨聲,

花落知多少?

3-7署名標籤

署名標籤一般用於說明這個網頁是由誰或是由哪個公司編寫的,以及其它相關資訊。在標籤之間的文字顯示效果是斜體字。

例項:3-7html

樂 遊 原

向晚意不適,

驅車登古原。

夕陽無限好,

只是近黃昏。

[唐] 李商隱

3-8特殊字元

在html文件中,有些字元沒辦法直接顯示出來,例如?. 使用特殊字元可以將鍵盤上沒有的字元表達出來,而有些html文件的特殊字元在鍵盤上雖然可以得到,但瀏覽器在解析html文當時會報錯,例如"<"等,為防止**混淆,必須用一些**來表示它們。

html幾種常見特殊字元及其**表

特殊或專用字元

字元**

特殊或專用字元

字元**

<

<

>

>××

&&®®

""空格 

例項:3-8html

《賦得古原草送別》

離離原上草,

一歲一枯榮。

野火燒不盡,

春風吹又生。

3-9注釋標籤

在html文件中可以加入相關的注釋標記,便於查詢和記憶有關的檔案內容和標識,這些注釋內容並不會在瀏覽器中顯示出來。

注釋標籤的格式有如下:

例項:3-9html

《賦得古原草送別》

3-10字型屬性

3-10-1標題文字標籤

標籤用於設定網頁中的標題文字,被設定的文字將以黑體或粗體的方式顯示在網頁中。

標題標籤的格式:

說明:標籤是成對出現的,標籤共分為六級,在之間的文字就是第一級標題,是最大最粗的標題;...之間的文字是最後一級,是最小最細的標題文字。align屬性用於設定標題的對齊方式,其引數為 left(左), enter(中), right (右)。標籤本身具有換行的作用,標題總是從新的一行開始。

例項3-10-1html

四級標題。

五級標題。

六級標題。

3-10-2文字格式控制標籤

標籤用於控制文字的字型,大小和顏色。控制方式是利用屬性設定得以實現的。

font標籤的屬性

屬性使用功能

預設值face

設定文字使用的字型

宋體size

設定文字的大小

3color

設定文字的顏色黑色

格式:

說明:如果使用者的系統中沒有face屬性所指的字型,則將使用預設字型。size屬性的取值為1~7。也可以用"+"或"-"來設定字型大小的相對值。color屬性的值為:rgb顏色"#nnnnnn"或顏色的名稱

例項:3-10-2html

盼望著,盼望著,東風來了,春天腳步近了。

一切都像剛睡醒的樣子,欣欣然張開了眼。山朗潤起來了,水漲起來了,太陽的臉紅起來了。

小草偷偷地從土裡鑽出來,嫩嫩的,綠綠的。園子裡,田野裡,瞧去一大片一大片滿是的。坐著,躺著,打兩個滾,踢幾腳球,賽幾趟跑,捉幾回迷藏。風輕悄悄的,草軟綿綿的。

3-10-3特定文字樣式標籤

在有關文字的顯示中,常常會使用一些特殊的字形或字型來強調、突出、區別以達到提示的效果。在html中用於這種功能的標籤可以分為兩類,物理型別和邏輯型別。

1、物理型別

(1)  粗體標籤

放在與標籤之間的文字將以粗體方式顯示。

(2)  斜體標籤

放在與標籤之間的文字將以斜體方式顯示。

(3)  下劃線標籤

放在與標籤之間的文字將以下劃線方式顯示。

例項3-10-31html

這些文字是粗體的

這些文字是斜體的

這些文字帶有下劃線

2、邏輯型別

邏輯型別是使用一些標籤來改變字型的形態和式樣,以便產生一些瀏覽者習慣的或約定的顯示效果,常用的邏輯型別標籤有八種,放在標籤之間的文字受其控制。下面請看常用邏輯標籤的例項

例項3-10-32htrml

em標籤:用於強調的文字,一般顯示為斜體字

strong標籤:用於特別強調的文字,顯示為粗體字

cite標籤:用於引證和舉例,通常是斜體字

code標籤:用來指出這是一組**

**all標籤:規定文字以小號字顯示

big標籤:規定文字以大號字顯示

samp標籤:顯示一段計算機常用的字型,即寬度相等的字型

kbd標籤:由使用者輸入文字,通常顯示為較粗的寬體字

var標籤:用來表示變數,通常顯示為斜體字

dfn標籤:表示乙個定義或說明,通常顯示為斜體字

sup標籤:122=144

sub標籤:硫酸亞鐵的分子式是fe2so4

編輯距離問題 第三章作業

一.距離編輯問題 1.問題描述 s和t是2個字串,需要把s編輯成t,求s編輯成t的最小操作次數,即為編輯距離其中對s的操作只能有三種 輸入格式 第一行是字串s,檔案的第二行是字串t。2.問題分析 設字串s長度為m 字串t長度為n i,j為字元下標 d i,j 表示s 1,i 編輯成t 1,j 的最小...

第三章 堆疊

1.基礎知識 堆疊可以實現很多的應用,遞迴的問題轉化成非遞迴形式,在本質上也是堆疊的問題.它是一種 filo 操作的資料結構,一般也有兩種儲存方式 陣列跟鍊錶實現形式,這裡我給出了鍊錶形式的堆疊模板,裡面包括了基本的堆疊所有的操作,還有兩個比較著名的應用例子,時間倉促,精力比較有限,關於迷宮老鼠還沒...

第三章 曙光

第三章 曙光 第二場校園招聘開始了。其實,洋對這個公司的不是很了解。因為前幾天突然在bbs上面看到了這個公司的招聘資訊,洋覺得這個公司不錯,就上網投了簡歷。接下來的乙個多小時,讓洋很震撼!想不到這個公司這個厲害,而且無論從哪方面來說,絕對不比之前的那個公司差。想不到自己的乙個不經意的決定到了這個大的...