-
- 素材大�。�
- 1.05 MB
- 素材授權(quán)：
- 免費(fèi)下載
- 素材格式：
- .ppt
- 素材上傳：
- chenrong
- 上傳時(shí)間：
- 2018-07-14
- 素材編號(hào)：
- 201914
- 素材類(lèi)別：
- 課件PPT
-
素材預(yù)覽
這是html基本結(jié)構(gòu)ppt，包括了HTML代碼基本知識(shí)，HTML初步，HTML語(yǔ)言基礎(chǔ)，HTML文檔中的標(biāo)記，HTML文檔的基本結(jié)構(gòu)等內(nèi)容，歡迎點(diǎn)擊下載。
html基本結(jié)構(gòu)ppt是由紅軟PPT免費(fèi)下載網(wǎng)推薦的一款課件PPT類(lèi)型的PowerPoint.
項(xiàng)目三
HTML代碼基本知識(shí)
項(xiàng)目三 HTML代碼基本知識(shí)
HTML文檔的基本結(jié)構(gòu)
文字和段落
超級(jí)鏈接標(biāo)志
圖像、背景與顏色標(biāo)志
表格標(biāo)志
動(dòng)態(tài)HTML
HTML初步
超文本標(biāo)記語(yǔ)言HTML是生成WWW網(wǎng)頁(yè)文件的語(yǔ)言，用以生成超文本文檔。在文檔中，可以加入任何元素（文本、圖像、動(dòng)畫(huà)和聲音等）的鏈接
使用瀏覽器瀏覽的網(wǎng)頁(yè)就是HTML文檔
通常是使用記事本作為HTML文檔的編輯器，利用瀏覽器瀏覽文檔效果
HTML語(yǔ)言基礎(chǔ)
HTML只是標(biāo)記語(yǔ)言，基本上只要明白了各種標(biāo)記的用法，就學(xué)懂了HTML
標(biāo)記的寫(xiě)法：
標(biāo)記由：<> 括號(hào)包圍的元素組成，如<TITLE>
標(biāo)記的表示：起始標(biāo)記<TITLE>，結(jié)束標(biāo)記</TITLE>
標(biāo)記中加屬性和參數(shù)
參數(shù)只能加在起始標(biāo)記中
<font size="5">Hello</font>
標(biāo)記字母大小寫(xiě)無(wú)關(guān)
HTML文檔中的標(biāo)記
大多數(shù)標(biāo)志都是成對(duì)出現(xiàn)的，
起始標(biāo)志（如<HEAD>）和結(jié)束標(biāo)記（如</HEAD>）
在起始標(biāo)記和結(jié)束標(biāo)記之間，放入網(wǎng)頁(yè)元素
如：文本、圖片、超級(jí)鏈接等
<p> welcome to you </p>
所有的HTML文檔內(nèi)容都是由
起始標(biāo)記<HTML>和結(jié)束標(biāo)記</HTML>包圍起來(lái)的
HTML文檔的基本結(jié)構(gòu)
<HTML>
<HEAD>
<TITLE>文檔標(biāo)題</TITLE>
</HEAD>
<BODY>
文檔的正文內(nèi)容
</BODY>
</HTML>
簡(jiǎn)單的HTML文檔
<HTML>
<HEAD>
<TITLE>李小龍的主頁(yè)</TITLE>
<!– version number=“1.0” -->
</HEAD>
<BODY>
歡迎訪問(wèn)我的主頁(yè)!
</BODY>
</HTML>
輸入和保存HTML文檔
打開(kāi)“記事本”編輯器，輸入要編輯的HTML語(yǔ)言代碼
輸入完畢后，保存HTML文檔
菜單[文件]→[保存]/[另存為]
“保存類(lèi)型”選擇“所有文件”
在“文件名”框中輸入：myhtml.htm，注意：擴(kuò)展名(.htm)一定不能省略
用IE打開(kāi)網(wǎng)頁(yè)文件：myhtml.htm
打開(kāi)HTML文檔
記事本中選擇“所有文件”類(lèi)型，打開(kāi)文件
瀏覽器中選擇菜單[查看]→[源文件]
BODY中的標(biāo)記和屬性
<BODY>標(biāo)記中放置要在瀏覽器中所顯示信息的所有標(biāo)記和屬性
標(biāo)記中間可以放置：文字、段落、圖像、表格、超級(jí)鏈接、框架等
在標(biāo)記中設(shè)置屬性，主要是對(duì)標(biāo)記進(jìn)行補(bǔ)充說(shuō)明
文字標(biāo)題標(biāo)記
標(biāo)題能分隔大段文字，使得網(wǎng)頁(yè)顯示的內(nèi)容結(jié)構(gòu)清晰。
共有六級(jí)標(biāo)題：H1～H6，從大到小。
<H1></H1> ， … ， <H6></H6>
對(duì)齊方式：設(shè)置標(biāo)題的對(duì)齊屬性。三個(gè)屬性：
ALIGN=Left、ALIGN=Center、ALIGN=right
文字段落<P>及換行<BR>
文字段落標(biāo)記：<P>…</p>
換行標(biāo)記：<BR> 不成對(duì)出現(xiàn)，不用結(jié)束標(biāo)記
在指定位置分行，但不另起段落
分隔符標(biāo)志
水平分隔線標(biāo)記<HR>
屬性：size、color、width、align
不用結(jié)束標(biāo)記
關(guān)于顏色
顏色：由紅R、綠G、藍(lán)B三原色組成，每一色由兩位十六進(jìn)制數(shù)表示(簡(jiǎn)稱RGB數(shù))。
如下表
顏色
RGB數(shù)的設(shè)置：三種顏色組合起來(lái)
RGB數(shù)設(shè)置為000000，顏色為黑色
RGB數(shù)設(shè)置為CCCCCC，顏色為灰色
RGB數(shù)設(shè)置為FFFFFF，顏色為白色
英文單詞表示顏色
Black（黑），Olive（橄欖色），Teal（青色），Red（紅色），Blue（藍(lán)色），Navy（深藍(lán)色）， Maroon（ 栗色的），Gray（灰色）， Lime（綠黃色），F(xiàn)uchsia（桃紅色），White（白色）， Green（綠色）， Purple（紫色），Silver（銀色）， Yellow（黃色），Aqua（淺綠色）
設(shè)置顏色組合時(shí)，前面加“#”符號(hào)。使用英文單詞表示顏色時(shí)，不加#號(hào)
頁(yè)面背景色、文本顏色
在<BODY>標(biāo)記中指定頁(yè)面的背景顏色
屬性：BGCOLOR=#…
在<BODY>標(biāo)記中指定整個(gè)文檔中文本的顏色
屬性：TEXT=#…
字體、字號(hào)、文字顏色
用<FONT>標(biāo)記指定字體、字號(hào)和文本顏色
字體
屬性：<FONT FACE=“…”> 指定字體
字號(hào)
屬性：<FONT SIZE=…> 字號(hào)1到7號(hào)，默認(rèn)是3
字體、字號(hào)、文字顏色
文本顏色
屬性：<FONT COLOR=#…> 指定字體
粗體、斜體
粗體標(biāo)志<B>…</B>
斜體標(biāo)志<I>…</I>
建立超級(jí)鏈接
超級(jí)鏈接標(biāo)記<A>…</A>
HREF屬性：
指向鏈接的網(wǎng)址和文件（URL）
超級(jí)鏈接
NAME屬性：
設(shè)置書(shū)簽位置點(diǎn)，超級(jí)鏈接指向書(shū)簽p，154
TARGET屬性:
在新的窗口中顯示鏈接的內(nèi)容
超級(jí)鏈接
TITLE屬性：
在超級(jí)鏈接中加上鏈接的說(shuō)明，當(dāng)將鼠標(biāo)移到鏈接上時(shí)，說(shuō)明會(huì)自動(dòng)彈出到光標(biāo)的尾巴上
插入E-mail鏈接：
加進(jìn)圖形圖像
圖形圖像標(biāo)記<IMG>
圖片格式常見(jiàn)有GIF和JPG
主要屬性SRC，稱為引用圖形的“源(source)”
圖片文件和HTML文檔在同一文件夾中，直接用文件名
圖片文件和HTML文檔不在同一文件夾中，指定路徑時(shí)用相對(duì)路徑
其它屬性：ALT、BORDER、ALIGN、WIDTH
加入影像
直接用鏈接加入
當(dāng)用戶點(diǎn)擊時(shí)才下載播放。如：
嵌入影像
嵌入方式使用<EMBED>標(biāo)記 方法如下：
表格標(biāo)志
表格標(biāo)記<TABLE>…</TABLE>
基本表格標(biāo)記：<TR>、<TD>、<TH>
</TR>、</TD>、</TH>的結(jié)束標(biāo)記最好加上
表格標(biāo)記
<TABLE>標(biāo)記中的常用屬性，有些屬性同樣適用于<TR>、<TD>、和<TH>標(biāo)記
表格
<TABLE>屬性實(shí)例，整個(gè)表格的屬性
說(shuō)明：表格的寬度占據(jù)整個(gè)瀏覽器窗口的50%，表格邊框線5，背景顏色為灰色，并且居中顯示
定義簡(jiǎn)單表格
<Table border=5 bgcolor=silver width=50% align=center>
<TR><TH>編號(hào)</TH><TH>品牌</TH></TR>
<TR><TD>M1001</TD><TD>長(zhǎng)城</TD></TR>
<TR><TD>M1002</TD><TD>方正</TD></TR>
<TR><TD>M1003</TD><TD>聯(lián)想</TD></TR>
<TR><TD>M1004</TD><TD>TCL</TD></TR>
</TABLE>
列表
無(wú)序列表標(biāo)記<UL></UL>
基本列表標(biāo)記
<LH>表頭標(biāo)題
<LI>表項(xiàng)標(biāo)識(shí)
列表
有序列表標(biāo)記<OL></OL>
基本列表標(biāo)記
<LI>表項(xiàng)標(biāo)識(shí)
框架集、表單
框架集<FRAMESET>
表單<FORM>
滾動(dòng)字幕
滾動(dòng)字幕標(biāo)記<marquee>…</marquee>
Direction屬性
設(shè)置文字滾動(dòng)的方向：Left， right， up， down
Bihavior屬性
設(shè)置文字滾動(dòng)方式：scroll（成卷形）， slide（滑動(dòng)）， alternate（輪流）
滾動(dòng)字幕
Scrollamount屬性
設(shè)置文字滾動(dòng)的速度（像素）
scrolldelay屬性
設(shè)置文字滾動(dòng)延遲時(shí)間（秒）
滾動(dòng)字幕
Align屬性
設(shè)置滾動(dòng)字幕的對(duì)齊方式：top， middle， bottom
Bgcolor屬性
設(shè)置滾動(dòng)字幕的背景色
預(yù)定義色彩：Black， Olive， Teal， Red， Blue， Maroon， Navy， Gray， Lime， Fuchsia， White， Green， Purple， Silver， Yellow， Aqua
滾動(dòng)字幕實(shí)例
<P><font color=#FF0000><marquee bgcolor=yellow height="400" width="400" direction=up scrolldelay=150 onmouseover="this.stop()" onmouseout="this.start()">網(wǎng)頁(yè)制作的技巧很多，<br>使用滾動(dòng)字幕，可以使網(wǎng)頁(yè)生動(dòng)起來(lái)</P>
<p><A href="http://www.baidu.com">滾動(dòng)字幕是最常用的</A></p>
<p>這個(gè)方向的滾動(dòng)可以嗎?</marquee></font></P>
自動(dòng)彈出窗口
實(shí)現(xiàn)一進(jìn)入頁(yè)面就會(huì)有"歡迎"的頁(yè)面出現(xiàn)，退出又有"再見(jiàn)"的畫(huà)面
在<body>標(biāo)記中加入下面的屬性：
<body onload=alert("歡迎訪問(wèn)網(wǎng)絡(luò)天地") onunload=alert("謝謝光臨！")>安塞腰鼓結(jié)構(gòu)圖解PPT：這是安塞腰鼓結(jié)構(gòu)圖解PPT，包括了作者簡(jiǎn)介，斗虎一樣，是強(qiáng)健的風(fēng)姿，每一個(gè)舞姿都充滿了力量，檢查預(yù)習(xí)，朗讀指導(dǎo)，品味語(yǔ)言，作業(yè)，板書(shū)設(shè)計(jì)等內(nèi)容，歡迎點(diǎn)擊下載。
北京的春節(jié)課文結(jié)構(gòu)圖PPT：這是北京的春節(jié)課文結(jié)構(gòu)圖PPT，包括了課后思考題，給你印象最深的是什么？有感情地朗讀課文，想想課文是按怎樣的順序?qū)懙牡葍?nèi)容，歡迎點(diǎn)擊下載。
城市內(nèi)部空間結(jié)構(gòu)ppt1：這是城市內(nèi)部空間結(jié)構(gòu)ppt1，包括了城市內(nèi)部空間結(jié)構(gòu)的形成和變化，影響因素，補(bǔ)充：風(fēng)向與城市規(guī)劃等內(nèi)容，歡迎點(diǎn)擊下載。
-
素材評(píng)分榜
素材排行榜
-
猜你喜歡
-
- 安塞腰鼓結(jié)構(gòu)圖解PPT
- 文檔大小：3 MB
- 上傳時(shí)間：02-28
![安塞腰鼓結(jié)構(gòu)圖解PPT]()
-
- 北京的春節(jié)課文結(jié)構(gòu)圖PPT
- 文檔大�。�1 MB
- 上傳時(shí)間：02-27
![北京的春節(jié)課文結(jié)構(gòu)圖PPT]()
-
- 城市內(nèi)部空間結(jié)構(gòu)ppt1
- 文檔大小：2 MB
- 上傳時(shí)間：02-26
![城市內(nèi)部空間結(jié)構(gòu)ppt1]()
-
- 小學(xué)并列結(jié)構(gòu)ppt
- 文檔大�。�1 MB
- 上傳時(shí)間：02-14
![小學(xué)并列結(jié)構(gòu)ppt]()
-
- 關(guān)于正能量的ppt
- 文檔大小：7 MB
- 上傳時(shí)間：03-04
![關(guān)于正能量的ppt]()
-
- 變色龍ppt優(yōu)秀課件
- 文檔大�。�3 MB
- 上傳時(shí)間：03-04
![變色龍ppt優(yōu)秀課件]()
-
- 兒童畫(huà)ppt課件
- 文檔大�。�5 MB
- 上傳時(shí)間：03-04
![兒童畫(huà)ppt課件]()
-
