版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
2.2HTML文件的基本結(jié)構(gòu)
網(wǎng)頁(yè)設(shè)計(jì)一姚屏
?標(biāo)記符概述
?在HTML中，所有的標(biāo)記符都用尖括號(hào)<>
括起來(lái)。例如，<html>><a>o
?HTML標(biāo)記符是不區(qū)分大小寫(xiě)的?！磆tml〉、
〈Html〉和〈HTML〉沒(méi)有區(qū)別。
始標(biāo)記符和結(jié)束標(biāo)記符。某些標(biāo)記符，例
如＜BR〉，只要求單一標(biāo)記符號(hào)。
?開(kāi)始標(biāo)記符與結(jié)束標(biāo)記符的區(qū)別在于：結(jié)
束標(biāo)記符多一個(gè)斜杠（不是反斜杠
?標(biāo)記符屬性
?屬性是用來(lái)描述對(duì)象特征的特性。例如,
一個(gè)人的身高、體重就是人這個(gè)對(duì)象的屬
性。
?在HTML中，所有的屬性都放置在開(kāi)始標(biāo)記
符的尖括號(hào)里，多個(gè)屬性之間用空格分開(kāi),
通常也不區(qū)分大小寫(xiě)。
?例如，可以用字體標(biāo)記符和字號(hào)屬性才蔬
文字的大小。＜FONTSIZE=1＞本行字將以較
小字體顯示。＜/FONT＞
?注意：
?1、不是所有的標(biāo)記都有屬性
2、根據(jù)需要選擇需要的屬性，屬性之間沒(méi)
有順序。
演示——.楫性的作用7
即叫文件的基
一個(gè)Web頁(yè)實(shí)際上對(duì)應(yīng)于一^個(gè)HTML文件,
HTML文件以.htm或.html為擴(kuò)展名。
最基本的HTML文檔包括：HTML標(biāo)記
<HTMLX/HTML>>首部標(biāo)記〈HEADED
〈/HEAD>、以及正文<80口丫></80口丫>。
.演示——最簡(jiǎn)單的HTML文件
?HEAD標(biāo)記符
?首部標(biāo)記〈HEAD〉和〈/HEAD〉位于Web頁(yè)的
開(kāi)頭，其中不包括Web頁(yè)的任何實(shí)際內(nèi)容,
而是提供一些與Web頁(yè)有關(guān)的特定信息。
?首部標(biāo)記中的內(nèi)容也用相應(yīng)的標(biāo)記符括起
來(lái)。例如，樣式表（CSS）定義位于
〈STYLE〉和〈/STYLE〉之間；腳
〈SCRIPTX/SCRIPT〉之間。
?在首部標(biāo)記符中，最基本、最常用的標(biāo)記
符是標(biāo)題標(biāo)記〈TITLE〉和〈/TITLE〉，用于定
義網(wǎng)頁(yè)的標(biāo)題。
?當(dāng)網(wǎng)頁(yè)在瀏覽器中顯示時(shí)，網(wǎng)頁(yè)標(biāo)題將在
瀏覽器窗口的標(biāo)題欄中顯示。
.演示——TITLE的作用
F
?BODY標(biāo)記符
?正文標(biāo)記符＜BODY＞和＜/BODY＞包含Web頁(yè)的
內(nèi)容。文字、圖形、鏈接以及其他HTML元
素都位于該標(biāo)記符內(nèi)。
?正文標(biāo)記符中的文字，如果沒(méi)有其他標(biāo)記
符修飾，則將以無(wú)格式的形式顯示。
.演示——BQD誨記符
?在HTML中，用戶(hù)可以通過(guò)Hn標(biāo)記符
標(biāo)識(shí)文檔中的標(biāo)題和副標(biāo)題，其中n是1
至6的數(shù)字；H1表示最大的標(biāo)題，H6表示最
小的標(biāo)題。使用標(biāo)題樣式時(shí)，必須使用結(jié)
束標(biāo)記符。
?<H1align=對(duì)齊方式>一級(jí)標(biāo)題</H1>
?對(duì)齊方式:left（左）centerright（右
演示——標(biāo)題效果
&
*
?2.4.1注釋標(biāo)記
?＜!—注釋內(nèi)容"〉
?添加注釋都是一種良好的工作習(xí)慣。注釋內(nèi)容都將
被瀏覽器解釋為注釋?zhuān)辉跒g覽器中顯示。
?2.4.2強(qiáng)制換行標(biāo)記
?換行標(biāo)記符用于在文檔中強(qiáng)制斷行，標(biāo)記為一
個(gè)單獨(dú)的VBR＞。該標(biāo)記符與分段標(biāo)記符＜P＞是
有區(qū)別的。
網(wǎng)頁(yè)設(shè)計(jì)-
F
?2.4.3強(qiáng)制換段標(biāo)記
?強(qiáng)制換段標(biāo)記：文字<P>
?設(shè)置段落標(biāo)記用于將文檔劃分為段落，標(biāo)記為
<PX/P>,其中結(jié)束標(biāo)記符通?？墒÷浴?/p>
?<Palign二對(duì)齊方式〉文字VP>
演示——P與BR
<PRE>預(yù)先排好的格式<花［^>
.演示一顯示預(yù)排格式
?DIV標(biāo)記符一"星
DIV標(biāo)記符用于為文檔分節(jié)，以便為文檔
的不同部分應(yīng)用不同的段落格式，其標(biāo)記
為〈DIVX/DIV〉。位于DIV標(biāo)記符中的多
段文本將被認(rèn)為是一個(gè)節(jié)，可為它們?cè)O(shè)置
一致的對(duì)齊格式。
?ALIGN屬性/
ALIGN屬性用于設(shè)置段落的對(duì)齊格式，其
值包括：RIGHT（右對(duì)齊）、LEFT（左對(duì)
齊）、CENTER（居中對(duì)齊）和JUSTIFY
（兩端對(duì)齊）。ALIGN屬性可應(yīng)用于多種
標(biāo)記符，最典型的是應(yīng)用于DIV、P、Hn
（標(biāo)題標(biāo)記符）、HR等標(biāo)記符。，
CENTER標(biāo)記符^
如果要將文檔內(nèi)容居中，還可使用CENTER
標(biāo)記符，方法為：將需居中的內(nèi)容置于
<CENTER>和〈/CENTER》之間。
.演示——段落對(duì)齊
.演示——DIV與CENTER
*
的平線（P28
?添加水平線的標(biāo)記符為HRF包括以石
性：
?SIZE屬性用來(lái)改變水平線的粗細(xì)。
?WIDTH屬性用來(lái)更改水平線的長(zhǎng)度。
?NOSHADE屬性使水平線以實(shí)線顯示。
?COLOR屬性可以控制水平線的顏色。
.演示——水平線效果
格式嵌套
?格式嵌套的通常原則：
?(1)如果所設(shè)置的格式是相容的，則取格式疊加
的效果。
?(2)加果所設(shè)置的格式是沖突的，則取最近樣式
符的修飾效果。
演示——格式嵌套
?SIZE設(shè)置字體大?。ㄗ痔?hào)）
?COLOR設(shè)置字體顏色
?FACE設(shè)置字體樣式
?字號(hào)屬性size的值可以從1到7,3是默認(rèn)
值。該屬性值也可以用十號(hào)或-號(hào)來(lái)作
為相對(duì)值指定?！?/p>
?Face屬性用來(lái)指定字體樣式。在編制網(wǎng)
頁(yè)時(shí)，通過(guò)在FONT標(biāo)記符中指定face屬
性，用戶(hù)可以指定一個(gè)或幾個(gè)字體名稱(chēng)
（用逗號(hào)隔開(kāi)）。
.演示——〈FONTface="”>
?物理字符樣式是指標(biāo)記符本身說(shuō)明了所修飾的效
果。
?常用物理字符樣式標(biāo)記符有：
?黑體標(biāo)記<B>v/B>
?斜體標(biāo)記v>v/l>
?下劃線標(biāo)記vU>v/U>等。一
1、＜BODY＞標(biāo)記中的text屬性J
?設(shè)定整個(gè)網(wǎng)頁(yè)文字的顏色。
?格式〈BODYtext=顏色〉受影響的文字v/BODY＞
2
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2022北京中考數(shù)學(xué)二模分類(lèi)匯編《代數(shù)綜合》含答案解析
- 社群變現(xiàn)課程設(shè)計(jì)
- 認(rèn)知系統(tǒng) 親子課程設(shè)計(jì)
- 簡(jiǎn)易智能電動(dòng)車(chē)課程設(shè)計(jì)
- 師范技能課程設(shè)計(jì)
- 玻璃搬運(yùn)機(jī)器人課程設(shè)計(jì)
- 深深淺淺話友誼課程設(shè)計(jì)
- 簡(jiǎn)易發(fā)生器課程設(shè)計(jì)
- 《工程概預(yù)算》課程設(shè)計(jì)
- 福建師范大學(xué)《筆譯（1）》2022-2023學(xué)年第一學(xué)期期末試卷
- 初中踐行勞動(dòng)教育做新時(shí)代好少年主題班會(huì)課件
- 人教版四年級(jí)數(shù)學(xué)上冊(cè)知識(shí)歸納期末復(fù)習(xí)
- 【歷史】七年級(jí)上冊(cè)期中復(fù)習(xí)（1-15課）（復(fù)習(xí)課件） 2024-2025學(xué)年七年級(jí)歷史上冊(cè)（統(tǒng)編版2024）
- Unit1 Making friends Part C Make a mind map of making friends（教案）-2024-2025學(xué)年人教PEP版（2024）英語(yǔ)三年級(jí)上冊(cè)
- iso220002024食品安全管理體系標(biāo)準(zhǔn)
- GB/T 5069-2024鎂鋁系耐火材料化學(xué)分析方法
- 生物質(zhì)氣化燃?xì)庹羝?lián)合循環(huán)發(fā)電工程可行性方案研究報(bào)告
- 土地復(fù)墾資金管理辦法
- 2022-2023學(xué)年北京市房山區(qū)八年級(jí)（上）期中數(shù)學(xué)試卷【含解析】
- 滬教版（全國(guó)）（2024新版）九年級(jí)上冊(cè)化學(xué)各章節(jié)必背知識(shí)點(diǎn)復(fù)習(xí)提綱
- 申請(qǐng)失業(yè)保險(xiǎn)金承諾書(shū)
評(píng)論
0/150
提交評(píng)論