大二上學期的HTML雜碎

阿新 • • 發佈：2021-10-16

HTML基本概述

HTML檔案結構

框架

<!DOCTYPE html>
<html>
    <head>
        <mate></mate>           <!-- 文件相關資料標記 -->
        <base href="URL">       <!-- 基地址標記 -->
        <title></title>         <!-- 標題 -->
        <link>                  <!-- 標記 -->
        <style></style>         <!-- CSS樣式標記 -->
    </head>
    
    <body>
        
    </body>
</html>

檔案主題標記<body>....<body>

的主要屬性如下:

bgcolor：設定頁面背景顏色
background：背景圖案或影象檔案的URL
text：設定網頁文字的顏色
alink、vlink、link：用來控制頁面超連結文字的顏色

引數	意義
alink	連結後的顏色
vlink	啟用時的顏色
link	連結前的顏色

HTML頁面修飾標記

標題標記`<hn>...</hn>`

語法：<hn align=left|center|right>標題文字</hn>

文字樣式標記`...`

文字樣式標記的屬性可以控制顯示文字的字型、大小和顏色。

語法：文字

標記屬性的說明見表

屬性	功能	應用舉例
face	設定文字的字型。如果指定的文字在使用者系統中不存在，則使用預設字型	<font face="楷體"
size	設定字型的大小，分為7級，等級7最大，預設值是3，也可以在預設字號的基礎上進行加減運算，取得字號值	<font size=6
color	設定字型的顏色	<font color="red"

特定文字樣式標記

文字樣式	描述標記	類別
粗體	<b>...</b>	物理
斜體	<i>...</i>	物理
下劃線	<u>...</u>	物理
刪除劃線	<s>...</s>	物理
上標	<sup>...</sup>	物理
下標	<sub>...</sub>	物理
大字型	<big>...</big>	物理
小字型	<small>...</small>	物理
重點突出顯示（粗體）	<strong>...</strong>	物理
突出顯示（斜體）	<em>...</em>	邏輯
電子郵件和網址（縮小+斜體字）	<address>...</address>	邏輯
按程式碼顯示（縮小字型）	<code>...</code>	邏輯

特殊符號

特殊字元	轉譯碼
<	&lt ;
>	&gt ;
"	&quot ;
空格符	&nbsp ;
&	&amp ;
版權號©	&copy ;

段落標記

HTML文件中的空格、Tab符、回車換行符等，在瀏覽器中不起作用，必須要使用標記，才能使文章分出段落，顯出層次。

1、段落標記
語法:段落文字

標記表示另起一段，並在段前空一行。結束標記

可省略。

2、換行標記 
瀏覽器遇
標記換行，中間不插入空行

**3、禁止換行標記
語法：段落文字

預設狀態下，頁面內容隨瀏覽器視窗寬度自動換行。若不需要自動換行，則在與之間顯示的內容，不隨瀏覽器寬度自動換行。

如果顯示內容的行長比瀏覽器視窗寬，則視窗下會出現一個水平滾動條，瀏覽者可以滾動瀏覽。

禁止換行標記要使用，表示禁止自動換行解禁。

4、水平線標記<hr>
使用格式：<hr 屬性名1=屬性值1 屬性名2=屬性值2 ...>

<hr>標記在頁面上畫出一條水平線，分割頁面，使頁面內容清晰醒目。

使用<hr>標記的屬性值控制水平線的粗細、顏色、寬度和對齊方式，常用屬性見下表：

屬性名	功能	示例
size	水平線的粗細，以畫素為單位，預設值是 1	<hr size=6>
width	水平線寬度，以畫素為單位，也可以是對視窗的百分比，預設值為100%	<hr width=80%>
align	對齊方式，可取值為：left、center、right，預設值是center	<hr align=right>
color	水平線的顏色	<hr color=red>