2017php培訓(xùn)版課件基礎(chǔ)筆記html課程_第1頁
2017php培訓(xùn)版課件基礎(chǔ)筆記html課程_第2頁
2017php培訓(xùn)版課件基礎(chǔ)筆記html課程_第3頁
2017php培訓(xùn)版課件基礎(chǔ)筆記html課程_第4頁
2017php培訓(xùn)版課件基礎(chǔ)筆記html課程_第5頁
已閱讀5頁，還剩19頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

WEB網(wǎng)：網(wǎng)絡(luò)，網(wǎng)絡(luò)分內(nèi)網(wǎng)（局域網(wǎng)）和（廣域網(wǎng)普通PC服務(wù)器：就是安裝了服務(wù)器軟件（apache--iis、php、MySQL）的高級電腦（東西貴），36524小 獨(dú)立ip服務(wù)器和共享ip服務(wù)器（如果一個(gè)關(guān)了其他都受影響WEB文本編輯器：單詞帶EditPlus.exe,reg.reg什么是HTML語言HTML超文本標(biāo)記語言HyperTextMarkup超文本就是網(wǎng)頁上不光有文本，還有、音樂、等標(biāo)記語言是一套標(biāo)記(markup div，span，font，i等標(biāo)HTML使用標(biāo)記來描述網(wǎng)HTML文檔包含了HTML及文本內(nèi)HTMLweb頁面，是以.htmlHTMLHTML的標(biāo) //html //html<!DOCTYPEhtml>：文檔類型,告訴瀏覽器我的當(dāng)前頁面是那個(gè)版本的<html></html>：<head></head>：告訴瀏覽器，這是網(wǎng)頁的頭部，包括了定義網(wǎng)頁的一些內(nèi)容的，如：標(biāo)題、字符集<meta>：就是定義網(wǎng)頁字符集、描述、等內(nèi)容的如：<metacharset=”utf8”>字符集：<meta ” http-equiv：httpText/html：text，htmlCharset：Utf-8：定義瀏覽器中的標(biāo)題<body></body>：bodyhtmlHTML：<font>、<Font>、HTML：<html>、<head>、<title>雙的內(nèi)容在開始和結(jié)束之間，單沒有內(nèi)容HTML可以相互嵌套，但一定注意是順序嵌套，外層套內(nèi)層，一層套一html單標(biāo)記：標(biāo)記只有一個(gè)，不是修飾內(nèi)容的而是顯示某個(gè)功能的，如果，設(shè)置編碼，設(shè)置等語法：<標(biāo)記名稱屬性=”值”屬性2=”值2”/>：接收的/可以有可以沒有，必須根據(jù)開發(fā)時(shí)例：<imgsrc=”在服務(wù)器中的地址，盤符/文件夾/文件名”<imgsrc=”d:/php07/images/01.jpg”語法：<標(biāo)記名稱屬性=”值”>要修飾的內(nèi)容</標(biāo)記名稱>例：<div>內(nèi)容</div><fontcolor=”red”>文本body 例：<bodybgcolor=”顏色顏色：單詞、16進(jìn)制、rgb例：<body的地址 Font 值：顏 <br/>brhr 值：1- 值：顏 百分比一般用于響應(yīng)式的開發(fā) <h6>div和spanDivCSS配合使用，一般稱為“DIV+CSS”SpanCSS配合使用元素：一整套標(biāo)記的組 標(biāo)記 值 Aa語法：<img屬性=“值”屬性=“值”屬性=“值 Src：的地址 Alt：來代替沒有顯示的時(shí)的描述Width：的寬度 Height：的高度 Border：的邊 值：數(shù)Align：水平的對齊方式 如果直接給添加對齊，是不起作用的，作用1.需要給調(diào)整位置可以放入div中，調(diào)整div的對齊方式,作用2.可以使用對齊進(jìn)行圖文混排的效果 值：數(shù) 值：數(shù)功能：在中添加可以點(diǎn)擊<imgsrc=”url路徑”usemap=”#名稱 <areashape="rect"coords="251,413,413,467" "<areashape="circle"coords="230,304,45"href="拖動(dòng)到一個(gè)文件以創(chuàng)建<areashape="poly"coords="552,548,646,507,597,460,554,448,524,450,524,522" 多標(biāo)Src：多的地址值：路徑Width：調(diào)整多寬度值：數(shù)字Height：調(diào)整高度超標(biāo)語法：<a屬性=“值”...>對當(dāng)前的描述</a>Href：的或ip或地 值：_blank(新窗口)、_self(當(dāng)前頁面)、_parent(父窗口)、Name：(當(dāng)點(diǎn)擊時(shí)進(jìn)行的跳轉(zhuǎn)--回到頂部 值：的名絕對路徑：有一個(gè)具體的地址（位置），某個(gè)盤某個(gè)文件夾某個(gè)文件如：d:/itull/xxxx/xxx.xx相對路徑：就是要的文件相對于當(dāng)前的文件的位 目標(biāo)文件所在的文件夾與當(dāng)前文件同一個(gè) 中，當(dāng)前文件直接找到文件夾名再找文件./news/01.news.html3metaName屬性里面的值 （）、desrciption（描述）、author（作者Content如果 值content里就是在查詢（搜索）時(shí)，搜索的詞如果是description值content里就是對的描述，在搜索時(shí)顯示在標(biāo)題下面的一段話如果是author值content里就是當(dāng)前的作者，顯示在搜索后的描述下面http-equiv屬性有兩個(gè)值，refresh，content-編碼：<metahttp-equiv="Content-Type"content="text/htmlcharset=utf-8"<metahttp-equiv=”refresh”content=”3 <metahttp-equiv=”refresh” ”/>普遍文本框：<inputtype=”textname=”名稱value=”值：不寫value默認(rèn)為空框：<inputtype=”passwordname=”名稱value=”value默認(rèn)為空單選按鈕：<inputtype=”radio”name=”一組名稱” value=”值”./>多選框：<inputtype=”checkbox”name=”一組名稱” value=”值”/><selectname=”名稱<optionvalue=”值”>描述<optionvalue=”值”>描述<optionvalue=”值”>描述<optionvalue=”值”>描述上傳：<inputtype=”filename=”名稱valueformpost提交：<inputtype=”submitvalue=”顯示到按鈕上名稱提交：<inputtype=”image”src=”的地址 value=””js<inputtype=”button”name=”值 value=”名稱”<inputtype=”reset”name=”值value=”名稱<inputtype=”hidden”name=”值 多行文本域：<textarearows=”行”cols=”列”value=”值 Formform的屬性中有：提交方式(get和post)、提交地址(具體提交頁面)、上傳文件的設(shè)置(如果不設(shè)置無法上傳提交方式 值：get和post,在中數(shù)據(jù)直接的傳遞，只有g(shù)et和post方Get方式：數(shù)據(jù)以瀏覽器地址欄的方式（明文）<ahref=”d:/itull/getuserinfo.php?”>你好Get方式傳遞數(shù)據(jù)有表單和超超是管理員規(guī)定要傳遞的數(shù)據(jù)Post方式：數(shù)據(jù)隱藏方式傳遞，post現(xiàn)在是有表單傳遞數(shù)據(jù)傳遞的信息方式：有文本，有、等Enctype：指定表單的編碼方式（方式），這個(gè)屬性只能用在method=’’post”方式①application/x-www-form-urlencodedAJAXxmlHttp.setRequestHeader("Content-Type","application/x-www-formurlencoded");情，就是設(shè)置表單傳輸?shù)木幋aAJAXHTMLform可以不寫enctype="application/x-www-form-urlencoded"HTML②multipart-form-data是用來指定傳輸數(shù)據(jù)的特殊類型的，主要就是我們上傳的非文本的內(nèi)容，比如或者multipart/form-data<!DOCTYPE<!DOCTYPE<metacharset="UTF-8"<formmethod="post"action="./getuserinfo.php"enctype="multipart-form-用戶名：<inputtype="text"name="user_name"value：<inputtype="password"name="pass_word"value=""：<inputtype="radio" value="男"><inputtype="radio" value="女"><inputtype="radio" value="中間">中間：<inputtype="checkbox"name="aihao"value="打游戲"><inputtype="checkbox"name="aihao"value="敲代碼"><inputtype="checkbox"name="aihao"value="吃飯"><inputtype="checkbox"name="aihao"value=" <input<inputtype="checkbox"name="aihao"<select<optionvalue="小學(xué)">小學(xué)<optionvalue="中學(xué)">中學(xué)<optionvalue="大學(xué)">大學(xué)頭像：<inputtype="file"name="tou"<inputtype="hidden" value="1"<textareaname="miaos"rows="500"<inputtype="submitvalue="我要提交<inputtype="image"src="./images/btn01.jpgvalue="提交<inputtype="button"name="res"value="普通<inputtype="reset"name="res1"value="重置 //標(biāo)題單元格（表頭<th><th> // 值：數(shù) 值：數(shù) 值：數(shù) 值：顏Background：背景值： Tr Td的屬性： Background：單元格的背景值：的地 值：要合并的數(shù)量注意把原來被合并的單元格刪 值：要合并的列數(shù)注意把原來被合并的單元格刪 //<frame //<frame作用：用于的制作，前臺不再推薦使用，兼容性不好（瀏覽器顯示效果不同）。bodyframesethtml文<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN"""><htmlxmlns="" Frameset //上面是10，其他的都給下面了 //上面10，下面20，其他中間 //上面百分之20，其他下面 值：劃分窗口的方 劃分窗口的嵌套，需要在那個(gè)位置上在次劃分窗口，就把原來的frame換成一個(gè)新的frameset。 Frame的屬性： 值：yes或no 值：yes或 值給外層塊元素使用align可以對iframe進(jìn)行位置的移動(dòng) 值：yes或no 值：數(shù) 值：數(shù) 值：0或1，yes或HTML結(jié)構(gòu)分析：幾塊內(nèi)容組成,首頁:3塊,31當(dāng)前的等信index.html，apache創(chuàng)建一個(gè)整體的文件夾，并且起名稱（英文的 ，文件夾，文件夾等<!DOCTYPE<!DOCTYPE<metacharset="UTF-8"<body<tableborder="0"width="712"<tr><td><embedsrc="./images/index.swf"width="712"<tr><tdalign="center"><ahref=="#"><fontcolor="#fff"<tr><tdalign="center"><imgsrc="./images/copyright.jpg"搭建結(jié)構(gòu)：61 "- "<html " <metacharset="UTF-8"<body<a<tableborder="0"align="center"width="719"height="500"cellpadding="0"<tr><td><embedsrc="./images/top.swf"width="719"<imgsrc="./images/link1.jpg"/><imgsrc="./images/link2.jpg"/><imgsrc="./images/link3.jpg"src="./images/link4.jpg"/><imgsrc="./images/link5.jpg"/><imgsrc="./images/link6.jpg"/><img/><imgsrc="./images/link8.jpg"/><imgsrc="./images/link9.jpg"<tr><td><imgsrc="./images/lanmu1.jpg"<trwidth="100%"height="500"background="./images/lmbg.jpg"<tablewidth="85%"align="center"<imgsrc="./images/pic1.jpg"align="left"hspace="5"<imgsrc="./images/text18.jpg"<p><font ;健兒撥弄著靜靜的水面，也撥弄著每個(gè)來到這里的人的心。</font></p><p><fontsize="2">& 筆直而幽靜的人行道上鋪滿了金黃色的落葉，仿佛童話但又觸手可及。我在冬季守侯陽春門，沒有大雪為伴，讓我不能見到她銀裝素裹的模樣。然而，我卻在一個(gè)十分晴朗的午后透過樹影見到了那蔚藍(lán)、那波光粼粼、那給人海的錯(cuò)覺的護(hù)城河。我醉了，竟把冬日當(dāng)夏日，興奮的撥通 ，與遠(yuǎn)方的朋友回憶著那快樂的夏日海灘。我在春<p><fontsize="2">&;&;&;&;一切是那么的生機(jī)盎然，讓人不自主的去熱愛生活、熱愛這個(gè)美麗的地方。每次靠近她，總能發(fā)現(xiàn)有新的花朵綻放，黃色迎春、紅色春梅、白色玉蘭還有人面桃花……夏天應(yīng)該是陽春門最熱鬧的時(shí)候，初夏時(shí)節(jié)每天都有的新人們來這里拍婚裟，每個(gè)新娘都是那么笑容的迷人，而每個(gè)新郎的眼神又都是那么的深邃和明亮。而他們的笑絲毫沒有打擾樹下偎依的，他們相擁、相視、相吻眼中只有對方，心中只有彼此。散步和遛鳥的老人們看到他們笑了，而孩子們是最高興的。他們和家人一起蕩舟、在小商店里搜索著自己喜歡的美食和冷飲，跟小狗在草地上追逐，直到夕陽落到了仲宣樓上，直到晚霞映紅了天空和云朵，人們才漸漸散去。而這時(shí)，閃亮的彩燈又把陽春門推向了另一個(gè)新的，飯后涼爽的晚風(fēng)中，一對對中年夫婦在音樂聲中翩翩起舞，旋律帶走了他們一身的疲憊，帶來了無盡的歡樂……<tr雨水。

<imgsrc="./images/pic2.jpg"align="left"vspace="5"hspace="5"<imgsrc="./images/text20.jpg"<p><font ;河 <p><font ;<p><font ;一棵樹吸收 氣體有時(shí)達(dá)10<p><fontsize="2">& 一種多孔材料，具有一定的消音作用，投射到樹木葉層的噪聲，一部分被樹葉向各個(gè)方向不規(guī)則反射而減弱，一部分因聲波造成樹葉微振而使聲音消耗（即被吸收），因而使環(huán)境變得安靜。常綠闊葉樹具有良好的減噪效果，濃密的人工林帶可降低噪聲10～20分貝。在河畔 還將設(shè)置三道天然屏障形成三重 重視樹對環(huán)境改善的作用，這在襄樊小區(qū)建設(shè)中還是首次。</font></p><tr<imgsrc="./images/text19.jpg"<p><fontsize="2">總用地：33794.60m2容積率：1.8m3<p><fontsize="2">總面積：60830.28m2總戶數(shù)：633m3<p><fontsize="2">18021米<p<imgsrc="./images/pic4.jpg"<imgsrc="./images/pic7.jpg"<palign="center"><ahref="#top"><font<tr><td><imgsrc="./images/down.jpg"<tr><tdalign="center"><imgsrc="./images/copyright.jpg" <html " <metacharset="UTF-8"<body<tableborder="0"align="center"cellpadding="0"cellspacing="0"<tr><td><embedsrc="./images/top.swf"width="719"<tr><td><ahref="#"><imgsrc="./images/link1.jpg"/></a><ahref="intro.html"><img/></a><ahref="news.html"><imgsrc="./images/link3.jpg"/></a><ahref="#"><imgsrc="./images/link4.jpg"/></a><ahref="#"><imgsrc="./images/link5.jpg"/></a><ahref="#"><imgsrc="./images/link6.jpg"/></a><ahref="#"><imgsrc="./images/link7.jpg"/></a><ahref="#"><imgsrc="./images/link8.jpg"/></a><ahref="#"><imgsrc="./images/link9.jpg"/></a></td></tr><tr><td><imgsrc="./images/lanmu2.jpg"<trwidth="100%"height="500"<td<tableborder="0"width="75%"height="180"<td><ahref="#"><fontsize="2"color="green">河 “歡樂迎新春<td><ahref="#"><fontsize="2"color="green">河 “歡樂迎新春<td><ahref="#"><fontsize="2"color="green">河 “歡樂迎新春<td><ahref="#"><fontsize="2"color="green">河 “歡樂迎新春<td><fontsize="2">2017-2- <tr><td><imgsrc="./images/down.jpg"<tr><tdalign="center"><imgsrc="./images/copyright.jpg" <html " <metacharset="UTF-8"<body<tableborder="0"align="center"cellpadding="0"cellspacing="0"<tr><td><embedsrc="./images/top.swf"width="719"<tr><td><ahref="#"><imgsrc="./images/link1.jpg"/></a><ahref="intro.html"><img/></a><ahref="news.html"><imgsrc="./images/link3.jpg"/></a><ahref="#"><imgsrc="./images/link4.jpg"/></a><ahref="#"><imgsrc="./images/link5.jpg"/></a><ahref="#"><imgsrc="./images/link6.jpg"/></a><ahref="#"><imgsrc="./images/link7.jpg"/></a><ahref="#"><imgsrc="./images/link8.jpg"/></a><ahr

溫馨提示

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

最新文檔

評論

0/150

提交評論