文字與段落

2022-06-02 01:00:17 字數 3910 閱讀 6050

1,標題文字的對齊方式--align

四級標題的右對齊效果

效果圖:

### 二,文字格式標記 ###

**1,設定文字字型--face**

設定文字的不同字型效果,設定的字型效果必須在瀏覽器中安裝了相應的字型後才可以正確瀏覽,否則這些特殊字型會被瀏覽器中的普通字型所替代。

語法:應用字型的文字

face的屬性可以是乙個或者多個。預設使用第一種字型進行顯示;如果第一種字型不存在,則使用第二種字型進行替代,以此類推。

黑體效果

2,設定字型大小--sizehtml中,字型大小可以設為17,預設字型大小是3號字型,也可以是+17或者-1~7,是在預設字型大小的基礎上+(-);

語法:

3,設定文字顏色--color

語法:

face在前,size居中,最後color;如下**

淡藍色的黑色效果

暗紅色的2號文字效果

桔色的5號黑色效果

效果圖:

**4,粗體、斜體、下劃線--strong、em、u**

斜體:

斜體字

斜體字斜體字

帶下劃線的文字:

帶下劃線的文字
粗體的文字:

粗體的文字粗體的文字
5,上標與下標--sup、sub語法:

上標

下標

效果:上標正常下標

6,設定刪除線--strike

語法:

文字1

文字2

效果:文字1

文字27,等寬文字標記--code

一般用於英文效果,使用該標記可以實現網頁中字型的等寬效果。

語法:

文字wenzi

8,其他特殊符號瀏覽器會將兩個句子之間的所右半角空白當作乙個來看待,如果要保留空格效果

空格&_nbsp;(不要下劃線,下同)

「(引號)

&_quot;

&&_amp;

&_lt;

>(右尖括號)

&_gt;

×(乘號)

&_times;

§(小節符號)

&_sect;

&_copy;

®(已註冊的符號)

&_reg;

™(商標符號)

&_trade;

### 三,段落標記 ###

1,段落標記--p

語法:段落文字

2,取消文字換行標記--nobr

如果某一行的文字寬度過長,瀏覽器會自動對這行文字進行換行處理。如果不希望被換行,可以用nobr來實現。

語法:不換行顯示的文字

3,換行標記--br

段落標記的換行是隔行的, 而使用換行標記能使兩行的文字更加緊湊。乙個

標記代表乙個換行,連續多個標記可以多次換行。

語法:

4,保留原始排版方式標記--pre

保留文字格式的挨劈半效果,如空格,製表符等等。在標記中間的文字會保留文件中的空白,按照原始的文字格式進行顯示。

語法:

文字

5,居中對齊標記--center

將段落居中。

語法:文字

**:

春雪

新年都未有芳華,二月初驚見草芽。

白雪卻嫌春色晚,故穿庭樹作飛花。

效果:

春雪新年都未有芳華,二月初驚見草芽。

白雪卻嫌春色晚,故穿庭樹作飛花。

6,向右縮排標記--blockquote

每使用一次,段落就縮排一次,可以巢狀使用。

**:

沒有縮排
乙個縮排
兩個縮排
三個縮排

效果圖:

### 四,水平線標記 ###

**1,新增水平線--hr**

輸入乙個標記,就新增了一條預設樣式的水平線
效果:

2,設定水平線寬度與高度屬性--width,size

在預設的情況下,在網頁中插入的水平線是100%的寬度,1畫素的高度。在實際建立網頁時,可以對水平線的寬度和高度進行設定。

語法:水平線的寬度值(width)可以是確定的畫素值,也可以是視窗的百分比。而水平線的高度值(size)只能是畫素值。如果建立水平線時只有乙個引數,那麼另乙個引數則會取預設值。

**:

效果圖:

3,設定水平線的顏色--color

語法:

**:

效果圖:

4,設定水平線的對其方式--align

水平線在預設情況下是居中對齊的,如果希望水平線左對齊或者右對齊,就需要使用align引數。對齊方式有三種,包括left,right和center。center與預設效果相同。

語法:**:

效果圖:

**5,去掉水平線陰影--noshade**

在預設的情況下,水平線是空心的帶陰影的立體效果,通過設定shade引數可以將水平線的陰影去掉。

語法:

**:

效果圖:

### 五,其他標記 ###

1,文字標註標記--ruby

在網頁中可以通過新增文字的標註來說明網頁中的某段文字。在預設情況下,標註的文字很小,但是在html中可以像設定其他文字一樣調整標註文字的各種屬性,包括大小,顏色等。

語法:

被說明的文字

文字的標註

**:

天下第一山

泰山

效果:

天下第一山

泰山2,宣告變數標記--var

在使用網頁講解某些知識時,為了統一地突出變數,常常將其設定為斜體。在html中專門提供了一種標記,設定變數的效果。在我看來,與斜體很像(em)。

語法:變數

3,忽視html標籤標記--plaintext、xmp

兩個標記中的任何乙個加入到html中,都會是html標記失去作用。

語法:

段落與文字

h1 h6標題標籤的級別越高,字型越大。2 段落標籤 段落標籤 換行標籤 3 文字格式化標籤 文字格式化標籤 語義說明 strong 加強 加粗emphasized 強調 斜體cite 塊引用 斜體superscripted 上標 上標subscripted 下標 下標刪除線 underline 下...

段落文字渲染引擎

最近在乙個專案中要渲染段落文字,找了很多文字渲染庫,發現都不能滿足我的要求,所以只能自己做。字型渲染還是找freetype完成吧,雖然小字號效果不好,不過可以生成大圖再縮小來解決掉,自己寫乙個字型渲染引擎也是不可望也不可及的事。有了freetype實現底層字型渲染,我只需要處理一些布局方法即可,其中...

HTML Css文字排版 字型 段落

font family 字型的型別現在一般網頁喜歡設定 微軟雅黑 如下 body 字型大小 顏色font size colorbody文字的樣式 粗體 斜體 下劃線 刪除線 縮排 行高 字間距 文字對齊 font weight bold 加粗font style italic 斜體 text dec...