網(wǎng)頁設(shè)計與制作(HTML+DIV+CSS)中職PPT完整全套教學課件_第1頁
網(wǎng)頁設(shè)計與制作(HTML+DIV+CSS)中職PPT完整全套教學課件_第2頁
網(wǎng)頁設(shè)計與制作(HTML+DIV+CSS)中職PPT完整全套教學課件_第3頁
網(wǎng)頁設(shè)計與制作(HTML+DIV+CSS)中職PPT完整全套教學課件_第4頁
網(wǎng)頁設(shè)計與制作(HTML+DIV+CSS)中職PPT完整全套教學課件_第5頁
已閱讀5頁，還剩313頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

網(wǎng)頁基礎(chǔ)知識第1單元01網(wǎng)頁基礎(chǔ)知識.pptx02HTML基礎(chǔ).pptx03CSS基礎(chǔ).pptx04網(wǎng)頁文字.pptx05網(wǎng)頁圖像.pptx06列表.pptx07網(wǎng)頁導航欄.pptx08表格.pptx09表單.pptx10網(wǎng)頁布局.pptx全套可編輯PPT課件網(wǎng)頁基礎(chǔ)知識網(wǎng)頁制作體檢HBuilder的使用網(wǎng)頁基礎(chǔ)知識01網(wǎng)頁基礎(chǔ)知識HTML：英文全稱是HyperTextMarkupLanguage，即超文本標記語言。Web：全稱WorldWideWeb，縮寫WWW，即全球廣域網(wǎng)，也稱為萬維網(wǎng)。網(wǎng)頁基礎(chǔ)知識網(wǎng)頁：是由HTML（超文本標記語言）或者其他語言編寫的、通過瀏覽器編譯供用戶獲取信息的頁面，又稱為Web頁，其中包括文字、圖像、表格、動畫、視頻和超鏈接（也稱超級鏈接）等各種網(wǎng)頁元素。網(wǎng)站：通俗的說，網(wǎng)站（WebSite）就是網(wǎng)頁組成的。網(wǎng)站就是建立在互聯(lián)網(wǎng)上的WEB站點，面向公眾提供互聯(lián)網(wǎng)內(nèi)容服務。網(wǎng)頁基礎(chǔ)知識靜態(tài)網(wǎng)頁：在不維護的情況下，這個網(wǎng)頁無論在何時何地被瀏覽，都是顯示相同的內(nèi)容和配置。對用戶來說，只能觀看，不能和網(wǎng)頁進行交流，由html和css編寫。網(wǎng)頁基礎(chǔ)知識動態(tài)網(wǎng)頁：是指網(wǎng)頁的內(nèi)容可以實時的發(fā)生變化或更新。另一方面，網(wǎng)站也可以自動收集用戶的瀏覽信息，從而自動的為用戶提供更好的服務。網(wǎng)頁元素網(wǎng)頁標題網(wǎng)站名稱網(wǎng)站功能、特點Microsoftedge瀏覽器GoogleChrome瀏覽器360瀏覽器網(wǎng)頁元素LOGO和導航欄網(wǎng)頁元素網(wǎng)頁主要內(nèi)容文字圖片視頻等網(wǎng)頁元素網(wǎng)頁頁腳信息版權(quán)信息友情鏈接網(wǎng)頁設(shè)計軟件網(wǎng)頁編輯排版軟件Dreamweaver代碼編輯器EditPlus、HBuilder、Webstorm網(wǎng)頁設(shè)計軟件DreamweaverCS6界面視圖方式+代碼方式網(wǎng)頁設(shè)計軟件HBuilder8.0界面代碼方式網(wǎng)頁制作體檢02Dreamweaver站點Dreamweaver站點是指所有文檔的本地或遠程存儲位置。放在本地磁盤上的站點被稱為本地站點，當本地站點的網(wǎng)頁制作完成并通過測試后，就可以將本地站點文件夾的所有文件上傳至遠程服務器，以供他人瀏覽。站點的規(guī)劃在定義站點前，要先進行站點的規(guī)劃，即設(shè)置存放在站點中所有文檔的目錄。一般情況下，應先為站點創(chuàng)建一個根文件夾，然后在要文件夾下創(chuàng)建多個子文件夾，將文件分類存儲在相應的子文件夾中。站點的規(guī)劃在本地磁盤創(chuàng)建一個文件夾myweb作為站點的根文件夾，該文件夾將存放關(guān)于網(wǎng)站的網(wǎng)頁、圖像、動畫等文件。在myweb文件夾中再建立一個文件夾：img（存放圖像文件）將素材文件logo.png、pic01.jpg復制到img文件夾內(nèi)。創(chuàng)建站點方法一：啟動DreamweaverCS6，可以看到Dreamweavercs6的歡迎界面，單擊“新建”的“Dreamweaver站點”方法二：單擊菜單的“站點(s)”下的“新建站點(N)”創(chuàng)建站點打開如下“站點設(shè)置對象”對話框默認站點創(chuàng)建新網(wǎng)頁方法一：在歡迎界面新建HTML文件方法二：在菜單新建HTML文件Dreamweaver文檔編輯界面Dreamweaver的工作環(huán)境主要由以下幾個部分組成：菜單欄、工具欄、文檔窗口、屬性面板以及多個浮動面板組成，如圖所示。菜單欄文檔工具欄工作區(qū)切換文檔視圖窗口文檔代碼窗口面板組屬性面板狀態(tài)欄標簽選擇器HBuilder的使用03安裝HBuilder可以到在HBuilder官網(wǎng)http://www.dcloud.io/點擊免費下載，下載最新版的HBuilder。下載的時候根據(jù)自己的電腦選擇適合自己的版本。下載Hbuilder后解壓該文件，并進入到解壓目錄，雙擊“HBuilder.exe”即可運行啟動Hbuilder。可為HBuilder.exe創(chuàng)建桌面快捷方式。啟動HBuilder雙擊HBuilder軟件圖標，啟動，打開登錄界面，可選擇“暫不登錄”。HBuilder界面HBuilder界面主要包括：菜單欄、工具欄、項目管理器、代碼編輯區(qū)、快捷鍵列表與大綱等其他視圖窗口、狀態(tài)欄。新建Web項目進入HBuilder界面,點擊文件→新建→選擇Web項目新建Web項目在打開的“創(chuàng)建web項目”對話框中進行設(shè)置，要設(shè)置新建項目的名稱新建Web項目在項目管理器中，打開創(chuàng)建的項目unit01文件夾，里面包含了首頁index.html，還有js、img、css文件夾。網(wǎng)頁制作在項目管理器中雙擊“index.html”文件，在代碼編輯器窗口就會有index.html網(wǎng)頁文件的基礎(chǔ)代碼，可以在代碼編輯器窗口書寫代碼進行網(wǎng)頁制作。HBuilder主題HBuilder內(nèi)置了幾種主題，選擇菜單的工具→視覺主題設(shè)置，可選擇喜歡的主題顏色。HTML基礎(chǔ)第2單元HTML文件結(jié)構(gòu)HTML常用標簽和屬性圖像和鏈接標記HTML文件結(jié)構(gòu)01HTML文件結(jié)構(gòu)聲明為HTML5文檔是HTML頁面的根元素定義網(wǎng)頁編碼格式描述文檔標題包含可見的頁面內(nèi)容HTML文件結(jié)構(gòu)<html><!--語法開始--><head>

<!--頭部信息-->

</head><body>

<!--主體信息，包含網(wǎng)頁顯示的內(nèi)容--></body></html>開始標簽開始標簽開始標簽結(jié)束標簽結(jié)束標簽結(jié)束標簽HTML文件結(jié)構(gòu)<html><head>

<body></head>

</body></html>

不允許HTML常用標記和屬性02HTML常用標簽（元素）標題標簽<hi>…</hi>(i=1~6)實例<h1>這是一個標題</h1><h2>這是一個標題</h2><h3>這是一個標題</h3><h4>這是一個標題</h4><h5>這是一個標題</h5><h6>這是一個標題</h6>HTML常用標簽（元素）段落標簽（回車符）<p>…</p>實例<p>這是一個段落。</p><p>這是另外一個段落。</p>HTML常用標簽（元素）<br/>（換行符）水平線<hr/>實例<p>

這是一個段落。<br/>

這是一個段落。</p><hr/>HTML常用標簽和屬性屬性是HTML元素提供的附加信息屬性一般描述于開始標簽屬性總是以名稱=值的形式出現(xiàn)，比如：name="value"。HTML常用標簽和屬性段落文本的屬性

align水平線的屬性widthsize實例<hrwidth=“500”size=“1”/>實例<h2align=“center”>這是一個標題</h2><palign=“right”>這是一個段落</p>文本右對齊長度粗細HTML常用特殊字符圖像和鏈接標記03圖像標簽<imgsrc=“”alt=“”title=“”/>src屬性：設(shè)置圖像文件所在路徑alt屬性：指定的替代文本，當圖像無法顯示或用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中。title屬性：當鼠標懸停在圖像上時的提示文字。a鏈接標簽鏈接標簽

<ahref=“”target=“_blank”>…</a>鏈接目標路徑鏈接目標窗口a標簽HTML鏈接是通過標簽<a>來定義的實例：<ahref=“”>網(wǎng)站鏈接</a><ahref="files/in2.html">第2題</a><ahref="files/in3.html”target="_blank">第3題</a>路徑圖像路徑是指圖像文件的位置，鏈接路徑是指鏈接目標文件的位置。路徑通常分為絕對路徑和相對路徑。路徑絕對路徑：帶有域名的完整路徑。相對路徑：相對于當前文件的路徑。實例：<ahref=“”>網(wǎng)站鏈接</a>實例：<ahref="files/in2.html">第2題</a><ahref="files/in3.html”target="_blank">第3題</a>CSS基礎(chǔ)第3單元行內(nèi)樣式與內(nèi)嵌樣式標簽選擇器類選擇器ID選擇器行內(nèi)樣式與內(nèi)嵌樣式01什么是CSShtml：定義網(wǎng)頁的結(jié)構(gòu)、內(nèi)容CSS：定義網(wǎng)頁的外觀CascadingStyleSheet層疊樣式表CSS用于控制網(wǎng)頁樣式，對網(wǎng)頁中元素位置的排版進行像素級精確控制。使用CSS控制頁面的方法內(nèi)聯(lián)樣式（行內(nèi)樣式）內(nèi)嵌樣式（內(nèi)部樣式）鏈接樣式導入樣式內(nèi)聯(lián)樣式（行內(nèi)樣式）行內(nèi)樣式寫在一對標簽的開始標簽內(nèi)<h1style="color:#ff0000;font-family:黑體">唐詩</h1><pstyle=“color:#ff0000;font-family:黑體”>

……</p><bodystyle="background-color:#09F;">……</body>案例<h1style=“”>…</h1>“”里的值如下：font-family:‘微軟雅黑’;font-size:14px;color:#F09;<pstyle=“”>…</p>“”里的值如下：font-family:‘宋體’;font-size:14px;color:#09F;案例內(nèi)嵌樣式內(nèi)嵌樣式又稱內(nèi)部樣式，是將CSS代碼集中寫在HTML文件的<head>標簽中，并使用<style>標簽定義。<head>

<styletype=”text/css”>

選擇器{屬性1：屬性值1；屬性2：屬性值2；屬性3：屬性值3；}

</style></head>內(nèi)嵌樣式（內(nèi)部樣式）<head><title>內(nèi)嵌樣式</title><styletype="text/css">p{ font-size:14px; color:#ff0000;}</style></head>鏈接樣式鏈接式是將所有的樣式放在一個或多個以.css為擴展名的外部樣式表文件中，通過<link>標簽將外部樣式表文件鏈接到HTML文件中。<head>

<linkhref=”css文件的路徑”type=”text/css”rel=”stylesheet”/></head>導入樣式導入外部樣式表是指在內(nèi)部樣式表的<style>里導入一個外部樣式，導入時用@import。<head>

<styletype=”text/css”>

@importurl(“外部樣式表的文件名稱”);

</style></head>CSS 選擇器類型

——標簽選擇器02CSS選擇器類型HTML是超文本標記語言，它沒有樣式。我們要給HTML添加樣式就要用CSS，這時需要有選擇器類型去選擇添加樣式的標簽或元素。使用內(nèi)部樣式、鏈接樣式或?qū)霕邮綍r需確定CSS選擇器類型。基本的CSS選擇器類型標簽選擇器類選擇器ID選擇器基本的CSS選擇器類型——標簽選擇器標簽選擇器：定義的CSS樣式針對一類標簽。p{}h1{}body{}案例（標簽選擇器）網(wǎng)頁結(jié)構(gòu)<style>h1{}h2{}p{}</style>網(wǎng)頁樣式案例（標簽選擇器）網(wǎng)頁結(jié)構(gòu)——寫在HTML文件的<body></body>標簽內(nèi)網(wǎng)頁樣式——內(nèi)部樣式：寫在HTML頭部<style></style>標簽內(nèi)）

鏈接樣式（或?qū)霕邮剑簩懺?CSS文件里案例（標簽選擇器）標簽選擇器CSS 選擇器類型

——類選擇器03基本的CSS選擇器類型類選擇器：定義的CSS樣式針對你想要的所有標簽使用。案例（類選擇器）網(wǎng)頁結(jié)構(gòu)<style>h1{}.txt1{}.txt2{}.txt3{}.txt4{}p{}</style>網(wǎng)頁樣式案例（類選擇器）標簽選擇器類選擇器class屬性應用樣式基本的CSS選擇器類型——類選擇器類選擇器命名：以“.”開頭，緊跟字母，由字母、數(shù)字、下劃線或短橫線組成。在結(jié)構(gòu)中，使用class屬性應用樣式。CSS 選擇器類型

——ID選擇器04基本的CSS選擇器類型——ID選擇器ID選擇器：定義的CSS樣式針對某一個特定的標簽使用。案例（ID選擇器）<p>陽光下飄雪</p><p>發(fā)稿日期：2021年12月</p><p>中午，......</p><p>雪停了，......</p><hr/><p>版權(quán)所有 2022</p>網(wǎng)頁結(jié)構(gòu)案例（ID選擇器）<pid=“title”>陽光下飄雪</p><pid=”time”>發(fā)稿日期：2021年12月</p><pclass=”text”>中午，......</p><pclass=”text”>雪停了，......</p><hr/><pclass=”footer”>版權(quán)所有 2022</p>網(wǎng)頁結(jié)構(gòu)網(wǎng)頁樣式基本的CSS選擇器類型——ID選擇器ID選擇器命名：以“#”開頭，緊跟字母，由字母、數(shù)字、下劃線或短橫線組成。在結(jié)構(gòu)中，使用id屬性應用樣式。一個ID選擇器樣式只能應用于一個元素。CSS選擇器類型類選擇器ID選擇器標簽選擇器<style>

.text1{font-size:14px;color:red;}</style><pclass=“text1">...</p><p>…</p>使用class屬性應用樣式<style>

#box{font-size:14px;color:red;}</style><divid=“box">...</div><div>…</div>使用id屬性應用樣式使用標簽名應用樣式<style>

p{font-size:14px;color:red;}</style><p>…</p><p>…</p>可以重復應用不能重復應用網(wǎng)頁文字第4單元CSS基礎(chǔ)網(wǎng)頁文字樣式DIV標簽及樣式外部鏈接CSS樣式CSS基礎(chǔ)01使用CSS控制頁面的方法內(nèi)聯(lián)樣式（行內(nèi)樣式）內(nèi)嵌樣式（內(nèi)部樣式）鏈接樣式導入樣式使用CSS控制頁面的方法內(nèi)聯(lián)樣式（行內(nèi)樣式）<h1style="color:#ff0000;font-family:黑體">唐詩</h1>使用CSS控制頁面的方法內(nèi)嵌樣式（內(nèi)部樣式）CSS選擇器類型標簽選擇器類選擇器ID選擇器網(wǎng)頁結(jié)構(gòu)網(wǎng)頁樣式標簽選擇器標簽選擇器CSS選擇器類型類選擇器網(wǎng)頁結(jié)構(gòu)網(wǎng)頁樣式類選擇器類選擇器使用CSS控制頁面的方法內(nèi)嵌樣式（內(nèi)部樣式）標簽選擇器標簽選擇器網(wǎng)頁樣式網(wǎng)頁結(jié)構(gòu)網(wǎng)頁結(jié)構(gòu)網(wǎng)頁樣式類選擇器類選擇器CSS選擇器類型標簽選擇器類選擇器ID選擇器p{}h1{}body{}.text{}.main{}.navi{}類選擇器的應用class=“text”class=“main”class=“navi”#title{}#time{}#box{}id選擇器的應用id=“title”id=“time”id=“box”CSS的命名一定英文字母開頭，不能使用中文字字母一律小寫不能有空格使用有意義的名稱CSS選擇器類型類選擇器ID選擇器標簽選擇器<style>

.text1{font-size:14px;color:red;}</style><pclass=“text1">...</p><p>…</p>使用class屬性應用樣式<style>

#box{font-size:14px;color:red;}</style><divid=“box">...</div><div>…</div>使用id屬性應用樣式使用標簽名應用樣式<style>

p{font-size:14px;color:red;}</style><p>…</p><p>…</p>可以重復應用不能重復應用網(wǎng)頁文字樣式02網(wǎng)頁文字常用的CSS樣式屬性font-size:14px;font-family:“黑體”;color:#000000;text-align:center;line-height:20px;text-indent:28px;font-weight:bold;文字大小文字字體文字顏色文字對齊方式文字行距文字縮進文字加粗網(wǎng)頁文字樣式網(wǎng)頁結(jié)構(gòu)<div>…</div>標簽<hi>…</hi>標簽<p>…</p>標簽<span>…</span>標簽網(wǎng)頁樣式文字樣式DIV樣式網(wǎng)頁文字樣式網(wǎng)頁文字樣式網(wǎng)頁文字樣式文字的常用樣式屬性字體（font-family）大?。╢ont-size）加粗（font-weight）行距（line-height）首行縮進（text-indent）文本對齊（text-align）文字顏色（color）<div>標簽屬性03定義div的CSS樣式常用屬性width：寬度height：高度border：邊框（復合樣式）（border-top、border-bottom、border-left、border-right）background：背景

（background-color、background-image、background-repeat）margin：DIV邊框與其它對象的距離

（margin-top、margin-bottom、margin-left、margin-right）padding：DIV邊框與里面內(nèi)容的距離

（padding-top、paddin-bottom、padding-left、padding-right）案例網(wǎng)頁結(jié)構(gòu)<div>…</div>標簽<hi>…</hi>標簽<p>…</p>標簽<span>…</span>標簽網(wǎng)頁樣式文字樣式DIV樣式案例<divid=“box”><h1>…</h1><h2>…</h2><p>...<span>...</span>......<span>...</span>...</p><h2>...</h2><h3>...</h3><p>...<span>...</span>...</p>

<h3>...</h3><p><span>...</span>......<span>...</span>...</p>

<h3>...</h3><p><span>...</span>...</p></div><divclass=“footer><p>版權(quán)所有…</p></div><style>#box{}h1{}h2{}h3{}p{}.sp1{}.sp2{

}.footer{}</style>案例<divid=“box”><h1>…</h1><h2>…</h2><p>...<span>...</span>......<span>...</span>...</p><h2>...</h2><h3>...</h3><p>...<span>...</span>...</p>

<h3>...</h3><p><span>...</span>......<span>...</span>...</p>

<h3>...</h3><p><span>...</span>...</p></div><divclass=“footer><p>版權(quán)所有…</p></div><style>#box{}h1{}h2{}h3{}p{}.sp1{}.sp2{

}.footer{}</style>ID選擇器類型標簽選擇器類型類選擇器類型案例網(wǎng)頁結(jié)構(gòu)divhipspan網(wǎng)頁樣式div的寬度、居中、邊框、內(nèi)邊距padding、外邊距marginhi、p、span的文字樣式、邊框、內(nèi)外邊距案例文字的常用樣式屬性字體（font-family）大?。╢ont-size）加粗（font-weight）行距（line-height）首行縮進（text-indent）文本對齊（text-align）文字顏色（color）案例

DIV的常用樣式屬性寬度（width）頁面居中（margin）邊框（border）外部鏈接樣式04外部鏈接樣式結(jié)構(gòu)相似，樣式相同不同的結(jié)構(gòu)文件，引用相同的外部樣式文件<linkrel="stylesheet"type="text/css"href=""/>ex04-3.htmlsty04-3.cssex04-4.htmlsty04-3.css鏈接外部樣式：案例使用外部樣式，完成網(wǎng)頁效果網(wǎng)頁結(jié)構(gòu)文件名：web04-3.html網(wǎng)頁樣式文件名：sty04-3.css鏈接外部樣式文件：<linkrel="stylesheet"type="text/css"href="sty04-3.css"/>導入外部樣式文件：<styletype="text/css">

@importurl("sty04-3.css");</style>案例分析網(wǎng)頁結(jié)構(gòu)h1<h1>…</h1><divclass=”box”></div><p>制作者</p><divclass=”box”></div><divclass=”box”></div><h2>…</h2><p>…</p><h2>…</h2><p>…</p><h2>…</h2><p>…</p>h2ph2ph2p案例h1案例h2ph2ph2p案例網(wǎng)頁圖像第5單元圖像標簽圖像樣式圖像樣式效果圖文混排圖像背景圖像標簽01網(wǎng)頁圖像格式常見的網(wǎng)頁圖像有3種格式JPG格式GIF格式：支持透明和動畫PNG格式：支持透明圖像標簽<imgsrc=”路徑”alt=”替代文本”/>src屬性：設(shè)置圖像路徑alt屬性：瀏覽器無法載入圖像時，將在圖像位置顯示alt屬性中設(shè)置的替代文本。<imgsrc=”img/img5-1.jpg”/><imgsrc=”/i/img.gif”/><imgsrc=”pic05-1-1.jpg”alt=”數(shù)字影像技術(shù)專業(yè)”/>圖像標簽<imgsrc=”路徑”witdh=””height=””/>width（寬度）屬性用于設(shè)置圖像的寬度height（高度）屬性用于設(shè)置圖像的高度如果圖像指定了寬度高度，頁面加載時就會保留指定的尺寸。如果沒有指定圖片的大小，加載頁面時有可能會破壞HTML頁面的整體布局。一般圖像的寬高利用CSS樣式設(shè)置<imgsrc=”pic05-1-1.jpg”alt=”數(shù)字影像技術(shù)專業(yè)”width=”300”height=”128”/>圖像樣式02圖像樣式常用的CSS圖像樣式屬性width：寬度height：高度border：邊框margin：外邊距（圖像與外界對象之間的距離）padding：內(nèi)邊距（圖像邊框與圖像之間的距離）案例圖像樣式效果03圖像樣式效果圖像的樣式：width（寬度）height（高度）border（邊框）margin（圖像與外界對象的距離）padding（圖像邊框與圖像之間的距離）opacity:0.5;（圖像透明度）box-shadow:5px5px10px#f00;（邊框陰影）border-radius:10px;（邊框圓角）圖像樣式效果opacity屬性用于指定元素的透明度格式：opacity:value;value是透明度，取值范圍為0.0~1.0。取值越低越透明。例：opacity:0.6;圖像樣式效果box-shadow屬性為元素添加陰影效果格式：box-shadow:h-shadowv-shadowblurspreadcolorinset;h-shadow：必需，水平陰影的位置，允許為負數(shù)v-shadow：必需，垂直陰影的位置，允許為負數(shù)blur：可選，模糊距離spread：可選，陰影的尺寸color：可選，陰影的顏色inset：可選，將外部陰影改為內(nèi)部陰影例：box-shadow:0px2px

10px#333;圖像樣式效果border屬性定義圖像邊框格式：border:線條樣式

線條粗細

線條顏色;線條樣式：必需，線條樣式常用的屬性值有solid（實績）、dotted（點畫線）、dashed（虛線）線條粗細：必需顏色顏色：必需例：border:solid5px#09F;border:dotted1pxred;圖像樣式效果bordder-radius屬性用于設(shè)置元素的邊框圓角例：border-radius:10px;border-radius:0px50px;border-radius:0px50px30px;border-radius:0px10px30px60px;圖文混排04圖文混排

<h1></h1><img/><p></p><img/><p></p><img/><p></p><p></p><divid=“box”></div>

<divid=“con”></div>圖文混排圖像樣式：width、heightborder復合屬性(border-style、border-width、border-color)文字環(huán)繞圖像<divid=“box”><h1>……</h1>

<p><img/>

文字

</p></div>網(wǎng)頁結(jié)構(gòu)1：<divid=“box”><h1>……</h1>

<div><img/><p>文字</p>

</div></div>網(wǎng)頁結(jié)構(gòu)3（建議）float:left;圖像樣式：clear:left;頁腳文字樣式：<divid=“box”><h1>……</h1>

<div><img/>

文字

</div></div>網(wǎng)頁結(jié)構(gòu)2：float屬性使用CSS的float屬性可以實現(xiàn)文字環(huán)繞圖像的效果。float屬性應用于圖像時，使用文本圍繞在圖像周圍。img{float:left；}圖像放在左邊，網(wǎng)頁結(jié)構(gòu)中圖像后的元素以圍繞的方式排在圖像的右邊。img{float:right；}圖像放在右邊，網(wǎng)頁結(jié)構(gòu)中圖像后的元素以圍繞的方式排在圖像的左邊。clear屬性使用float屬性后，元素的高度會塌陷，對元素后面的內(nèi)容顯示有影響，這時需對后面的元素使用clear進行清除。clear:left；清除結(jié)構(gòu)中前面的元素左浮動對該元素的影響。clear:right；清除結(jié)構(gòu)中前面的元素右浮動對該元素的影響。clear:both；清除結(jié)構(gòu)中前面的元素左右浮動對該元素的影響。清除浮動的方法<divid=“box”><h1>……</h1>

<divid=“main”><img/><p>文字</p>

</div></div><divid=“footer”>

頁腳文字</div>清除浮動的方法一：#footer{clear:left;}清除浮動的方法二：#main{overflow:hidden;}img{float:left;}清除浮動對頁腳的影響文字環(huán)繞圖像<divid=“box”><h1>……</h1><divclass=“main”>

<img/><h2>……</h2><p>……</p></div><divclass=“main”>……</div><divclass=“main”>……</div><divclass=“main”>……</div></div>文字環(huán)繞圖像圖像居中水平居中將圖像所屬容器設(shè)置樣式屬性text-align:center;.img1{text-align:center;...<divclass=”img1”><imgsrc=”img/pic1.jpg”/></div>圖像居中垂直居中圖像放置在<div>標簽中，可以通過div的高度、行高和圖像的verticl-align屬性等方法設(shè)置圖像垂直居中效果<divid=”box”><imgsrc=”img/pic1.jpg”/></div>......#box{width:600px;height:400px;line-height:400px;text-align:center;}img{vertical-align:middle;}圖像水平居中圖像垂直居中方法之一（只適合div里只有一行元素）圖像垂直居中方法之二圖像背景05圖像背景網(wǎng)頁頁面的圖像背景div的圖像背景body{background-image:url(img/pic05-5-1.jpg);}#box{width:420px;height:190px;background-image:url(img/pic05-5-2.png);}背景屬性background（復合屬性）background-color背景顏色background-image背景圖像background-repeat背景圖像重復background-position背景圖像位置badkground-size背景圖像大小背景屬性設(shè)置div的背景圖像，div的大小如下：圖像大?。簩挾?3px，高度123px背景屬性背景圖像重復或背景屬性背景圖像不重復、圖像背景距離左邊框80px，距離上邊框60px或背景屬性背景圖像橫向重復、橫向縱向居中或背景屬性背景圖像縱向重復、橫向縱向居中或背景屬性背景圖像不重復、居中、背景顏色或背景屬性背景圖像不重復、右下角、背景顏色或列表第6單元列表標簽列表嵌套無序列表樣式有序列表樣式圖像列表項標簽列表標簽01列表標簽有序列表無序列表自定義列表列表標簽有序列表<oltype=“1/A/a/I/i”><li>…</li>…<li>…</li></ol>type屬性——設(shè)置有序列表編號類型1:列表用數(shù)字標號 A/a:大寫/小寫字母標號I/I:大寫/小寫羅馬字母標號列表標簽無序列表type屬性——設(shè)置無序列表符號類型disc:實心圓點 circle:空心圓點square:實心方點<ultype=“disc/circle/square/none”><li>…</li><li>…</li><li>…</li></ul>列表標簽自定義列表<dl><dt>項目名</dt>/*定義項目名*/<dd>項目內(nèi)容</dd>/*定義子項目內(nèi)容*/ ….<dt>項目名</dt>/*定義項目名*/<dd>項目內(nèi)容</dd>/*定義子項目內(nèi)容*/</dl>列表嵌套02列表嵌套在一些內(nèi)容進行分類顯示時，會分成大類，大類中再分為若干小類，小類中還可以繼續(xù)包含若干的子類。使用列表顯示分類內(nèi)容時，則是列表項中包含子列表，一個列表中的列表項又是一個列表，就是列表的嵌套。列表嵌套在默認情況下，第一層的項目符號是實心的圓點，第二層是空心的圓，第三層是實心的方塊。列表嵌套有序列表嵌套，在默認情況下，項目編號都是數(shù)字。列表嵌套有序列表和無序列表不僅能自身嵌套，而且也以互相嵌套，可以在無序列表中放個有序列表，也可以在有序列表中放一個無序列表。無序列表樣式03無序列表樣式ul的list-style-type屬性<ul><li>…</li><li>…</li><li>…</li></ul>無序列表樣式ul的list-style-postion屬性<ul><li>…</li><li>…</li><li>…</li></ul>案例有序列表樣式04有序列表樣式ol的list-style-type屬性<ol><li>…</li><li>…</li><li>…</li></ol>有序列表樣式ol的list-style-postion屬性<ol><li>…</li><li>…</li><li>…</li></ol>案例圖像列表項標簽05圖像項目符號ul的list-style-image屬性格式：list-style-image:none|<url>none：默認值<url>：作為列表項標簽的圖像地址list-style-image:url(img/listbg1.png);list-style-image:none;案例網(wǎng)頁導航欄第7單元鏈接文本樣式一個網(wǎng)頁的多種鏈接樣式縱向?qū)Ш綑跈M向?qū)Ш綑诰W(wǎng)頁導航欄鏈接文本樣式01鏈接標簽鏈接標簽

<ahref=“”target=“_blank”>…</a>鏈接目標路徑鏈接目標窗口鏈接標簽鏈接目標路徑空鏈接<ahref=“#”>…</a>其它頁面<ahref=“file00/sub2.html”>…</a>網(wǎng)址<ahref=“”>…</a>郵箱<ahref=“mailto:111@”>…</a>壓縮文件<ahref=“file00/a.rar”>…</a>鏈接文本樣式a鏈接文字的通用樣式a:link未被訪問過的鏈接樣式a:visited單擊后的鏈接樣式a:hover鼠標經(jīng)過時的鏈接樣式a:active鼠標單擊（未釋放）鏈接文字的樣式偽類樣式案例網(wǎng)頁結(jié)構(gòu)<divid=”box”><h1>...</h1><divid=”pic”><a><img/></a><p><a>...</a></p></div><ul><li><a>...</a></li><li><a>...</a></li><li><a>...</a></li><li><a>...</a></li></ul></div>案例鏈接文本樣式多種鏈接樣式02多種鏈接文本樣式鼠標經(jīng)過“更多”效果鼠標經(jīng)過列表文字效果多種鏈接文本樣式#boxh1或#title#main.boxh1或.title.mainul-liul-li#boxh1或#titleul-li.boxh1或.titleul-li網(wǎng)頁結(jié)構(gòu)分析結(jié)構(gòu)一結(jié)構(gòu)二結(jié)構(gòu)三

結(jié)構(gòu)四

多種鏈接文本樣式#box#title#mainul-li以結(jié)構(gòu)一為例分析網(wǎng)頁樣式“更多”的鏈接樣式#titlea{}#titlea:link{}#titlea:visited{}#titlea:hover{

}#titlea:active{}列表文字的鏈接樣式#maina{}#maina:link{}#maina:visited{}#maina:hover{

}#maina:active{}縱向?qū)Ш綑?3縱向?qū)Ш綑谑髽私?jīng)過“美麗的地球”效果網(wǎng)頁結(jié)構(gòu)行內(nèi)元素和塊級元素行內(nèi)元素：如a、span標簽不會換行對width和height屬性定義寬高無效塊級元素：如div、p、h1、ul、li等標簽塊級元素換行對width和height屬性定義寬度有效行內(nèi)元素與塊級元素的轉(zhuǎn)換display屬性display:none;不顯示元素display:block;顯示為塊級元素display:inline;顯示為行內(nèi)元素display:inline-block;顯示為行內(nèi)塊級元素縱向?qū)Ш綑诰W(wǎng)頁結(jié)構(gòu)網(wǎng)頁樣式縱向?qū)Ш綑诰W(wǎng)頁樣式行內(nèi)元素轉(zhuǎn)換成塊級元素縱向?qū)Ш綑诘闹谱饕c導航欄常采用項目列表結(jié)構(gòu)ul樣式中去掉項目符號a的樣式實現(xiàn)鏈接文本樣式，如果有背景顏色或線框，需用display:block;將a行內(nèi)元素轉(zhuǎn)換成塊級元素。<ul><li><a>...</a></li><li><a>...</a></li><li><a>...</a></li></ul>橫向?qū)Ш綑?4橫向?qū)Ш綑诘闹谱饕c先完成縱向?qū)Ш綑趯Ш綑诔２捎庙椖苛斜斫Y(jié)構(gòu)ul樣式中去掉項目符號a的樣式實現(xiàn)鏈接文本樣式，如果有背景顏色或線框，需用display:block;將a行內(nèi)元素轉(zhuǎn)換成塊級元素。li設(shè)置左浮動li{float:left;}<ul><li><a>...</a></li><li><a>...</a></li><li><a>...</a></li></ul>float屬性li{float:left;}導航欄的項目列表中，每一個列表進行左浮動；第1個列表左浮動，第2個列表則以圍繞的方式排在第1個列表的右邊；第2個列表左浮動，第3個列表則以圍繞的方式排在第2個列表的右邊；……以此類推，全部列表均改變了原來的位置，全部橫排；最后一個列表左浮動，影響了后面的元素，因此后面的元素需用clear:left；清除浮動對它的影響。<ul><li><a>...</a></li><li><a>...</a></li><li><a>...</a></li></ul>float屬性<ul><li><a>學校概況</a></li><li><a>人才培養(yǎng)</a></li>...<li><a>黨建工作</a></li></ul><div>版權(quán)所有 2022</div>li{float:left;}a{display:block;}網(wǎng)頁導航欄05常見的網(wǎng)頁導航欄導航欄寬度與banner欄寬度一致（banner寬度約980px左右）導航欄寬度100%，與瀏覽器寬度相同（banner寬度約980px左右）常見的網(wǎng)頁導航欄網(wǎng)頁結(jié)構(gòu)：#box#banner#naviul-li常見的網(wǎng)頁導航欄#box#banner#naviul-li<divid=“box”><divid=“banner”>…</div><divid=“navi”><ul><li><a>...</a</li><li><a>...</a</li>...</ul></div></div>常見的網(wǎng)頁導航欄網(wǎng)頁結(jié)構(gòu)：#logo#navi-bg#navi#banner常見的網(wǎng)頁導航欄網(wǎng)頁結(jié)構(gòu)：#logo#navi-bg#navi#banner常見的網(wǎng)頁導航欄#logo#navi-bg#banner#navi#logo{width:1000px;margin:0auto;}#navi-bg{background-color:;}#banner{width:1000px;margin:0auto;}#navi{width:1000px;margin:0auto;}<divid=“l(fā)ogo”>…</div><divid=“navi-bg”><divid=”navi”>…</div></div><divid=“banner”>…</div>常見的網(wǎng)頁導航欄<divid=“navi”><ul><li><a>…</a></li><li><a>…</a></li><li><a>…</a></li></ul></div>#naviul{}列表符號#navili{}左浮動，列表間距離#navia{}鏈接文字通用和初始化樣式#navia:hover{}鼠標經(jīng)過效果#logo#navi-bg#banner#navi清除浮動的方法ul里面的li左浮動，對后面的元素產(chǎn)生影響清除浮動方法一：后面的元素清除#banner{

clear:left;}清除浮動方法二：浮動元素的父級元素清除#naviul{

overflow:hidden;}#logo#navi-bg#banner#naviul-li表格第8單元表格標簽單元格的合并表格樣式表格標簽01表格表格的組成表格由若干行和列組成，行與列相交的區(qū)域為單元格。表格表格結(jié)構(gòu)表格寬度：使用百分比和像素兩種單位來設(shè)置。表格邊框：使用像素單位設(shè)置粗細。單元格邊距：單元格邊框與單元格內(nèi)容之間距離的像素數(shù)，默認為1px。單元格間距：單元格與單元格之間距離的像素數(shù)，默認為2px。表格標簽<table></table>表格標簽<caption></caption>表格標題<tr></tr>行標簽<th></th>表頭標簽<td></td>單元格標簽表格標簽實例：<table><caption>表格名稱</caption><tr><th>第一行第1列</th><td>第一行第2列</td></tr><tr><td>第二行第1列</td><td>第二行第2列</td></tr></table>第一行第二行table標簽的屬性width：寬度height：高度border：邊框cellspacing：單元格間距cellpadding：單元格邊距bgcolor：表格的背景顏色bordercolor：表格邊框的顏色align：表格在父級元素中的水平對齊方式表格標簽屬性實例：<tablewidth=“500”border=“1”align=“center”>……</table><tableborder=“1”cellpadding=“10”cellspacing=“5”>……</table>單元格td(th)標簽的屬性width：寬度height：高度align：單元格的水平對齊屬性valign：單元格的垂直對齊屬性表格屬性實例：<tablewidth=”660”border=”10”cellspacing=”40”cellpadding=”40”><tr><tdwidth=”180”>Loremipsum...queeqt.</th><tdwidth=”180”>

</td></tr><tr><tdheight=”100”>

</td><td>

</td></tr></table>表格屬性思考：以下效果使用的標簽及屬性單元各合并02單元格合并colspan屬性：同一行的連續(xù)若干個單元格合并rowspan屬性：同一列的連續(xù)若干行單元格合并單元格合并原始表格同一行的兩列單元格合并注意：被合并的單元格需刪除標簽單元格合并同一列的3行單元格合并原始表格注意：被合并的單元格需刪除標簽表格嵌套表格布局<table><tr><td>banner</td></tr><tr><td>第二行第1列</td></tr><tr><td>版權(quán)所有</td></tr></table><table><tr><td>左側(cè)導航</td><td>主體內(nèi)容</td></tr></table>表格嵌套<table><tr><td>banner</td></tr><tr><td>

</td></tr><tr><td>版權(quán)所有</td></tr></table><table><tr><td>左側(cè)導航</td><td>主體內(nèi)容</td></tr></table>表格樣式03表格樣式<table>標簽的常用樣式<tr>標簽的常用樣式<th>、<td>的常用樣式表格樣式<table>標簽的常用樣式width：寬度border：邊框border-collapse：表格單元格邊框合并表格樣式表格標簽效果添加表格CSS樣式的效果表格樣式<tr>標簽的常用樣式background：背景顏色或背景圖像表格結(jié)構(gòu)<table>和<tr>標簽的樣式表格效果表格樣式<th>、<td>的常用樣式border：邊框background：背景顏色和背景圖像文字樣式表格樣式<th>、<td>的常用樣式表格結(jié)構(gòu)<table>和<td>標簽的樣式表格效果CSS3新增選擇器在表格中的應用:first-child首個子元素:last-child最后一個子元素:nth-child(n)第n個子元素CSS3新增選擇器在表格中的應用表格結(jié)構(gòu)表格樣式表格效果表單第9單元表單標簽表單樣式表單新增元素新增表單屬性表單標簽01表單域<form>標簽插入表單的基本語法：<formname=“表單名稱”action=“表單處理程序”method=“數(shù)據(jù)傳送方式”>……</form>例：<formname=“register”action=“files/re.asp”method=“post”>……</form><form>標簽屬性設(shè)置Name屬性用于給表單命名。這一屬性不是表單的必需屬性，但是為了防止表單信息在提交到后臺處理程序時出現(xiàn)混亂，一般要設(shè)置一個與表單功能符合的名稱，如注冊頁面的表單可以命名為register。不同的表單盡量不用相同的名稱，以避免混亂。<formname=“register”action=“files/re.asp”method=“post”>……</form><form>標簽屬性設(shè)置action屬性用于指定表單數(shù)據(jù)提交到哪個地址進行處理。真正處理表單的數(shù)據(jù)腳本或程序在action屬性里，這個值可以是程序或腳本的一個完整URL。這一地址可以是絕對地址，也可以是相對地址，還可以是一些其他的地址方式，如E-mail地址等。<formname=“register”action=“files/re.asp”method=“post”>……</form><form>標簽屬性設(shè)置method屬性用于指定在數(shù)據(jù)提交到服務器時使用哪種HTTP提交方法，其值有兩種：get和post。通常情況下，在選擇表單數(shù)據(jù)的傳遞方式時，簡單、少量和安全的數(shù)據(jù)可以使用get方法進行傳遞，大量的數(shù)據(jù)內(nèi)容或者需要保密的內(nèi)容則使用post方法進行傳遞。<formname=“register”action=“files/re.asp”method=“post”>……</form><inputtype="text"/><inputtype="password"/><inputtype="checkbox"/><inputtype="radio"/><inputtype="files"/><inputtype="image"/><inputtype="button"/><inputtype="submit“/><inputtype="reset"/><inputtype="hidden"/>文本域密碼域復選框單選鈕文件域圖像域按鈕提交按鈕重置按鈕隱藏域傳統(tǒng)的表單元素文本域文本域分為單行文本字段、密碼框和多行文本框。這里說的文本域就是單行文本框。文本域的基本語法：<inputtype=“text”value=“

初始內(nèi)容”size=“字符寬度”maxlength=“最多字符數(shù)”>如果只需要單行文本框顯示相應的內(nèi)容，而不允許瀏覽者輸入內(nèi)容，可以以單行文本框的<input>標簽中添加readonly屬性，并設(shè)置該屬性的值為true。密碼域密碼域用于輸入密碼，在瀏覽者填入內(nèi)容時，密碼框內(nèi)將以星或或其他系統(tǒng)定義的密碼符號顯示，以保證安全。密碼域的基本語法：<inputtype=“password”>復選框瀏覽者可以在復選框中勾選一項或多項選項。復選框的基本語法如下：<inputtype=“checkbox”>在網(wǎng)頁中，復選框的默認狀態(tài)下是沒有被選中的，如果希望復選框默認就是選中狀態(tài)，可以在復選框的<input>標簽中添加checked設(shè)置。單選按鈕單選按鈕和復選框一樣，可以快捷讓瀏覽者在表單中填寫數(shù)據(jù)。單選按鈕的基本語法：<inputtype=“radio”>為了保證多個單選鈕屬于同一組，必須使用一組中每個單選按鈕都有相同的name屬性值。文件域可以讓用戶在域的內(nèi)部填寫文件路徑，然后通過表單上傳。例如，在線發(fā)送E-mail時常見的附件功能。文件域的基本語法：<inputtype=“files”>圖像域為了豐富網(wǎng)頁色彩，使用圖像作為提交按鈕。圖像域的基本語法如下：<inputtype=“image”src=“圖片路徑”>按鈕HTML中的按鈕有著廣泛的應用，根據(jù)type屬性的不同可以分為3種類型。按鈕表單元素的基本語法如下：普通按鈕：<inputtype=“button”>重置按鈕：<inputtype=“reset”>提交按鈕：<inputtype=“submit”>普通按鈕<button></button>隱藏域在網(wǎng)頁中起著非常重要的作用，它可以存儲用戶輸入的信息，如姓名、電子郵件地址或常用的查看方式，在用戶下次訪問該網(wǎng)站的時候使用這些數(shù)據(jù)，但是隱藏域在瀏覽頁面的過程中是看不到的，只有在頁面的HTML代碼才可以看到。隱藏域隱藏域的基本語法：<inputtype=“hidden”value=“數(shù)據(jù)”>隱藏域在頁面中不可見，但是可以裝載和傳輸數(shù)據(jù)。<textareacols=“寬度”rows=“行數(shù)”></textarea>文本區(qū)域<selectname=“name”id=“name”><option>選項一</option><option>選項二</option><option>選項三</option></select>選擇域（列表）傳統(tǒng)的表單元素文本區(qū)域如果用戶需要輸入大量的內(nèi)容，需要用到文本區(qū)域。文本區(qū)域的基本語法：<textareacols=“寬度”rows=“行數(shù)”></textarea>選擇域<formid=“form1name=“form1”method=“post”action=“”><selectname=“name”id=“name”><option>選項一</option><option>選項一</option><option>選項一</option></select></form><select>和<option>標簽的相關(guān)屬性說明：name:用于選擇域的名稱。size:用于列表的行數(shù)。value:用于設(shè)置菜單的選項值。multiple:表示以菜單的方式顯示信息，省略則以列表的方式顯示信息。表單樣式02表單樣式表單結(jié)構(gòu)樣式表單元素樣式表單樣式表單結(jié)構(gòu)樣式可根據(jù)需要設(shè)置表單的位置、大小、背景等樣式，方法與設(shè)置div的樣式一樣。例如：表單的結(jié)構(gòu)和樣式表單樣式表單元素的樣式可根據(jù)需要設(shè)置表單元素的位置、大小、文本大小顏色、背景等樣式，方法與設(shè)置div的樣式一樣。表單樣式表單元素的樣式表單的結(jié)構(gòu)表單元素效果表單元素樣式表單新增元素03HTML5新增表單元素新增input類型url、email、number、tel、search、color、data、month、week、time、datetime、datetime-local新增表單輸入類型HTML5大幅度地改進了<input>標簽的類型。不同類型的表單元素所附加的功能也不相同。到目前為止，對HTML5新增表單元素支持最多、最全面的瀏覽器是Opera瀏覽器。對于不支持新增表單類型的瀏覽器來說，會默認識別為text類型，即顯示為普通文本域。url類型格式<inputtype=“url”name=“weburl”id=“weburl”value=“”>專門輸入地址。在驗證輸入文本的格式時，如果該文本框中的內(nèi)容不符合url地址的格式，會提示驗證錯誤。email類型格式：<inputtype=“email”name=“myEmail”id=“myEmail”value=““>輸入的內(nèi)容不符合E-mail地址的格式時，會提示驗證錯誤。range類型把輸入框顯示為滑動條，為某一特定范圍內(nèi)的數(shù)值選擇器，min和max表示選擇范圍的最小值（默認為0）和最大值（默認為100），step屬性，表示拖動步長（默認為1）。<inputtype=“range”name=“volume”id=“volume”min=“0”max=“10”step=“2”>number類型輸入選定的數(shù)字，與range類型類似。<inputtype="number"name="score"id="score"min="0"max="10"step="0.5"/>pattern屬性：正則表達式匹配<inputtype="number"pattern="\d"><inputtype="number"pattern="[0-9]*"><inputtype="number"pattern="\d{3}"><inputtype="number"pattern="[a-z]{3}">tel類型輸入電話號碼，沒有特殊的驗證規(guī)則。<inputtype="tel"name="tel"id="tel"/>可通過pattern屬性設(shè)置輸入限制search類型輸入搜索引擎關(guān)鍵詞定義的文本框，沒有特殊的驗證規(guī)則。<inputtype="search"name="search"id="search"/>color類型提供一個顏色選擇器<inputtype="color"name="color"id="color"value="#ff0000"/>data類型輸入日期的文本框<inputtype="date"name="date"id="date"/>month、week、time、datetime、datetime-local類型<inputtype="month"name="month"id="month"/><inputtype="week"name="week"id="week"/><inputtype="datetime"name="datetime"id="datetime"/><inputtype="datetime-local"name="datetime-local"id="datetime-local"/>文本類<inputtype=“email”/>有驗證規(guī)則<inputtype=“search”/><inputtype=“url”/>有驗證規(guī)則數(shù)字類<inputtype="number"/>有驗證規(guī)則<inputtype="tel"/><inputtype="range“min="0"max="10"/>日期時間類<inputtype="date"/><inputtype="datetime"/><inputtype="datetime-local"/><inpu

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論