1. 程式人生 > >第一個HTML文檔

第一個HTML文檔

ack 元素 背景 yellow center 水平居中 一個 uft ali

屬性 和 值

1、作用
用來修飾元素
ex:讓 p 標記的文本水平居中對齊
<p>Hello World</p>
2、語法
1、屬性的聲明必須位於開始標記裏
<標記 屬性></標記>
2、屬性都可以有值,屬性和值得表現方式 屬性="值"
<標記 屬性="值"></標記>
3、一個元素中允許出現多屬性和值,中間用 空格 隔開,並且排名不分先後
<標記 屬性="值" 屬性="值"></標記>
ex:給 一對 p 標記 設置 align屬性,值為 center
<p align="center"></p>
3、標準屬性

每個元素都有自己的特有屬性。有些屬性是所有元素都支持的,稱為標準屬性
1、id:元素在頁面中的唯一標識
2、title:鼠標移入到元素時所提示的文本內容
3、class:元素引用的類選擇器(與樣式相關)

4、style:元素定義的內聯樣式(與樣式相關)

註釋

1、作用 在編輯文檔下可見,在瀏覽器展示頁面時並不顯示的內容
2、語法
<!-- 註釋內容 -->
註意
1、註釋不能嵌套 <!--<!-- 這是註釋 -->-->錯誤

2、註釋不能位於<>中 <p<!-- 註釋內容 -->>錯誤

文檔結構

1、文檔類型聲明 作用:指定使用的HTML版本和風格
<!doctype html>
2、html頁面
<html></html>
位於 doctype 之下
包含以下兩對子元素
1、<head></head>
網頁頭部內容
2、<body></body>
網頁主體
3、html頁面-<head>
1、作用
定義頁面全局信息
2、包含以下子元素
1、<title>標題</title>網頁標題
2、<meta>定義頁面元數據
<meta charset="utf-8">
註意

:設置網頁編碼的同時,保證網頁文件的編碼也為utf-8
4、html頁面-<body>網頁顯示的主體內容
屬性:
1、text 控制網頁文本的顏色
2、bgcolor 控制網頁的背景顏色

練習:創建一個文檔,將其後綴名改為.html,設置標題為“我的第一個html練習”,網頁的編碼格式為uft-8,頁面顯示文字“我的第一個html練習內容”,黑色背景顏色,黃色文本顏色

<!doctype html>
<html>
    <head>
       <title>我的第一個html練習</title>
        <meta charset="utf-8">
     </head>


     <body text="yellow"  bgcolor="black">
<p align="center">
我的第一個html練習內容</p>
     </body>

</html>

第一個HTML文檔