HTML學習3 排版標記

2021-09-23 01:24:24 字數 819 閱讀 9602

上節,我們學習了boda常用的屬性以及html的一些標記,但是圖顯示的效果卻不是那麼的好看。

原因就是沒有排版好,我們這次使用居中來使這個頁面更好看一點,順便多加入幾個別的標記。

html排版標記

(1) : 表示乙個段落。一段文字放在p標記裡就可以了。

常用屬性:align  水平對齊方式,取值:left(左對齊)、center(居中對齊)、right(右對齊),乙個段落預設就是左對齊。

(2)換行標記

(3)水平線標記(單邊標記):

size:水平線的粗細,單位一般為px

color:顏色

width:水平線的寬度

noshade:去掉水平線的陰影。(在html中,noshade是沒有值的屬性)如:

如: (4)

預排版標記

功能:將保留所有的空白字元(空格、換行符),換句話說就是原封不動的輸出。

語法:

:雙邊標記

(5) ...

功能:定義各種標題

屬性:align 水平對齊,取值:left(左對齊)、center(居中對齊)、right(右對齊),乙個段落預設就是左對齊。

寫個例子看看效果是怎麼樣的:

關關雎鳩,在河之洲。窈窕淑女,君子好逑。

參差荇菜,左右流之。窈窕淑女,寤寐求之。

求之不得,寤寐思服。悠哉悠哉,輾轉反側。

參差荇菜,左右采之。窈窕淑女,琴瑟友之。

參差荇菜,左右芼之。窈窕淑女,鐘鼓樂之。

執行效果:

HTML4 排版標記

段落 哈哈哈哈哈哈 屬性 align left 左對齊 align right 右對齊 align center 居中對齊 換行文字不換行 實體 1最大,6最小 會自動換行,插入乙個空行 屬性 align left 左對齊 align right 右對齊 align center 居中對齊 size...

Bootstrap學習7 排版

頁面主體 bootstrap 全域性 font size 設定為 14px,line height 設定為 1.428。這些屬性直接賦予 元素和所有段落元素。另外,段落 元素還被設定了等於 1 2 行高 即 10px 的底部外邊距 margin 預設行高20px lead類 中心內容 突出顯示 使用...

html語言剖析十二 排版標記

框架概念 所謂框架便是網頁畫面分成幾個框窗,同時取得多個 url。只 要 即可,而所有框架標記 要放在乙個總起的 html 檔,這個檔案只記錄了該框架 如何劃分,不會顯示任何資料,所以不必放入 標記,瀏覽這框架必須讀取這檔 案而不是其它框窗的檔案。是用以劃分框窗,每一框窗由乙個 標 記所標示,必須在...