一、html 的主體標簽<body>
在<body>和</body>中放置的是頁面中所有的內容,如圖片、文字、表格、表單、超鏈接等設置。<body>標簽有自己的屬性,設置 <body>標簽內的屬性,可控制整個頁面的顯示方式。
<body>標簽的屬性
| 屬 性 | 描 述 |
|---|---|
| link | 設定頁面默認的連接顏色 |
| alink | 設定鼠標正在單擊時的連接顏色 |
| vlink | 設定訪問后連接文字的顏色 |
| background | 設定頁面背景圖像 |
| bgcolor | 設定頁面背景顏色 |
| leftmargin | 設定頁面的左邊距 |
| topmargin | 設定頁面的上邊距 |
| bgproperties | 設定頁面背景圖像為固定,不隨頁面的滾動而滾動 |
| text | 設定頁面文字的顏色 |
格式:
<body text="#000000" link="#000000" alink="#000000" vlink="#000000"
background="gifnam.gif" bgcolor="#000000" leftmargin=3 topmargin=2
bgproperties="fixed">
二、 顏色的設定
顏色是由 "red" "green" "blue " 三原色組合而成的,在 HTML 中對顏色
的定義是用十六進位的,對於三原色 HTML 分別給予兩個十六進位去定義,也
就是每個原色可有 256 種彩度,故此三原色可混合成 16777216 種顏色。
三、文字版面的編輯
3.1 換行標簽<br>
換行標簽是個單標簽,也叫空標簽,不包含任和內容,在 html 文件中的任何位置只要使用了<br>標簽,當文件顯示在瀏覽器中時,該標簽之后的內容將顯示下一行。
3.2換段落標簽<p>及屬性:
由<p>標簽所標識的文字,代表同一個段落的文字。不同段落間的間距等于連續(xù)加了兩個換行符
格式:
<P>
<P ALIGN= 參數(shù)>
其中,ALIGN是<p>標簽的屬性,屬性有三個參數(shù) left,center,right這三個參數(shù)設置段落文字的左,中,右位置的對齊方式.
3.3原樣顯示文字標簽<pre>
要保留原始文字排版的格式,就可以通過<pre>標簽來實現(xiàn),方法是把制作好的文字排版內容前后分別加上始標簽<pre>和尾標簽</pre>
3.4居中對齊標簽<center>
文本在頁面中使用<center>標簽進行居中顯示,<center>是成對標簽,在需要居中的內容部分開頭處加<center>,結尾處加</center>
3.5引文標簽 (縮排標簽)<blockquote>
<blockquote>標簽可以用來建立一個引文,他特別適合較長文本的引用,引文顯示時將會自動右移,左邊空出幾個格,加以區(qū)別。
3.6水平分隔線標簽<hr>
<hr>標簽是單獨使用的標簽,是水平線標簽,用于段落與段落之間的分隔,使文檔結構清晰明了,使文字的編排更整齊。通過設置<hr>標簽的屬性值,可以控制水平分隔線的樣式。
<hr>標簽的屬性
| 屬性 | 參數(shù) | 功能 | 單位 | 默認值 |
|---|---|---|---|---|
| size | 設置水平分隔線的粗細 | pixel(像素) | 2 | |
| width | 設置水平分隔線的寬度 | pixel(像素)、% | 100% | |
| align | left center right | 設置水平分隔線的對齊方式 | center | |
| color | 設置水平分隔線的顏色 | black | ||
| noshade | 取消水平分隔線的 3d 陰影 |
3.7署名標簽<address>
<address>署名標簽一般用于說明這個網頁是由誰或是由哪個公司編寫的,以及其它相關信息。在<address> </address>標簽之間的文字顯示效果是斜體字。
3.8特殊字符
HTML 幾種常見特殊字符及其代碼表
| 特殊或專用字符 | 字符代碼 | 特殊或專用字符 | 字符代碼 |
|---|---|---|---|
| < | < |
? | © |
| > | > |
× | × |
| & | & |
? | ® |
| " | " |
空格 | |
3.9注釋標簽
在 HTML 文檔中可以加入相關的注釋標記,便于查找和記憶有關的文件內容和標識,這些注釋內容并不會在瀏覽器中顯示出來。
格式:
<!--注釋的內容-->
3.10字體屬性
3.10.1標題文字標簽<hn>
<hn>標簽用于設置網頁中的標題文字,被設置的文字將以黑體或粗體的方式顯示在網頁中。
標題標簽的格式:<hn align=參數(shù)〉標題內容</hn>
說明:<hn>標簽是成對出現(xiàn)的,<hn>標簽共分為六級,在<h1>...</h1>之間的文字就是第一級標題,是最大最粗的標題;<h6>...</h6>之間的文字是最后一級,是最小最細的標題文字。align 屬性用于設置標題的對齊方式,其參數(shù)為 left(左),enter(中), right (右)。<hn>標簽本身具有換行的作用,標題總是從新的一行開始。
3.10.2 文字格式控制標簽<FONT>
<FONT>標簽用于控制文字的字體,大小和顏色??刂品绞绞抢脤傩栽O置得以實現(xiàn)的。
FONT 標簽的屬性
| 屬性 | 使用功能 | 默認值 |
|---|---|---|
| face | 設置文字使用的字體 | 宋體 |
| size | 設置文字的大小 | 3 |
| color | 設置文字的顏色 | 黑色 |
格式:<font face=值 1 size=值 2 color=值 3〉文字 </font>
說明:如果用戶的系統(tǒng)中沒有 face 屬性所指的字體,則將使用默認字體。size 屬性的取值為 1~7。也可以用"+"或"-"來設定字號的相對值。color 屬性的值為:rgb 顏色"#nnnnnn"或顏色的名稱
3.10.3 特定文字樣式標簽
在有關文字的顯示中,常常會使用一些特殊的字形或字體來強調、突出、區(qū)別以達到提示的效果。在html 中用于這種功能的標簽可以分為兩類,物理類型和邏輯類型。
-
1、物理類型
(1) 粗體標簽<b>
放在<b>與</b>標簽之間的文字將以粗體方式顯示。
(2) 斜體標簽<i>
放在<i>與</i>標簽之間的文字將以斜體方式顯示。
(3) 下劃線標簽<u>
放在<u>與</u>標簽之間的文字將以下劃線方式顯示。 -
2、邏輯類型
邏輯類型是使用一些標簽來改變字體的形態(tài)和式樣,以便產生一些瀏覽者習慣的或約定的顯示效果,常用的邏輯類型標簽有八種,放在標簽之間的文字受其控制。下面請看常用邏輯標簽的實例