html基礎(chǔ)1常用快捷鍵瀏覽器與服務(wù)器中的標(biāo)簽1教學(xué)第一天筆記_第1頁
html基礎(chǔ)1常用快捷鍵瀏覽器與服務(wù)器中的標(biāo)簽1教學(xué)第一天筆記_第2頁
html基礎(chǔ)1常用快捷鍵瀏覽器與服務(wù)器中的標(biāo)簽1教學(xué)第一天筆記_第3頁
html基礎(chǔ)1常用快捷鍵瀏覽器與服務(wù)器中的標(biāo)簽1教學(xué)第一天筆記_第4頁
html基礎(chǔ)1常用快捷鍵瀏覽器與服務(wù)器中的標(biāo)簽1教學(xué)第一天筆記_第5頁
已閱讀5頁，還剩28頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

第一天內(nèi) 一.課前介紹 １安排 ２課前建議 ２.1打字速度 ２.2認(rèn)識單詞 ２.3將學(xué)習(xí)當(dāng)成 ２.4可以提高開發(fā)速度的幾個(gè)設(shè)置 ２.5學(xué)會使用快捷鍵：(見學(xué)習(xí)資料\window中的常用快鍵 ２.6學(xué)會上網(wǎng) 二.認(rèn)識瀏覽器和服務(wù)器 １什么是瀏覽器什么是服務(wù)器 ２瀏覽器的分類 ３使用開發(fā)人員工具來查看請求和響應(yīng) 鍵，選擇元素 打開開發(fā)人員工具 ３.3打開 ３.4瀏覽器發(fā)出的請求 ３.5瀏覽器請求的詳細(xì)信 ３.6瀏覽器請求數(shù)據(jù)的原理 ４請求協(xié)議：http協(xié)議 ４.1請求報(bào)文 ４.2響應(yīng)報(bào)文 ４.3Url:(地址)地址欄上我們輸入的內(nèi)容 ５頁面的本質(zhì) ６瀏覽器內(nèi)核 三.瀏覽器上能夠識別的語言 四. １編寫html文件 １.1開始人生中的第一個(gè)html頁面 １.2新建一個(gè)記事本，修改后綴為 １.3以記事本打開：（編寫HTML代碼 １.4輸入HTML的結(jié)構(gòu)以及內(nèi)容 １.5保存，找到原始文件，找開方 瀏覽器（查看頁面果 ２文件的后綴名和打開方式 ２.1文件的后綴名 ２.2打開方式 ３HTML中的 ３.1h系列的 ３.2p(Paragraph)：段落.................................................３.3hr(Horizontal ３.4br ３.6img ３.7a(Anchor)： ４當(dāng)前的主流文檔類型 ５Html ６Head ７Body ８Title ９meta １０gbk,utf-8之間的區(qū)別 １１的分類 １２與之間的關(guān)系 五.通過瀏覽器查看頁面上的元素具體的 六.開發(fā)工具的選擇 １使用sublime新建文本的過程 ２解決文件夾中文名為方塊的問題 七.的屬性 八.路徑問題 HTML基礎(chǔ)1天課堂筆記（本課程共2天第一天內(nèi)一.課前介紹１安排 2 7 3目的讓所有同學(xué)的HTML、CSS、JS基礎(chǔ)，達(dá)到就業(yè)班水注重基礎(chǔ)，以最簡單的案例說明問題，企業(yè)項(xiàng)目實(shí)踐在就業(yè)班授千萬不要掉以輕心，知識點(diǎn)都非常重要２課前建議２.1打字速打字速度是必備的素養(yǎng)嚴(yán)禁二指神功，必須養(yǎng)成正確的指法金山打字通。我們最近4天課，基本跟玩兒似的，賊簡單，沒到每分鐘100字母以上。２.2認(rèn)識單２.3將學(xué)習(xí)當(dāng)成２.4可以提高開發(fā)速度的幾個(gè)設(shè)置將所有文件的后綴名顯示出來。（圖解出來。使用小的任務(wù)欄將常用的工具鎖定到任務(wù)２.5學(xué)會使用快捷鍵：(詳見學(xué)習(xí)資料\window中的常用快捷鍵.doc)習(xí)慣性的使用快捷鍵可以提高我們的開發(fā)效率，下面是window面的一些快捷鍵常用Ctrl+A:Alt+tab:切換程序(注意整個(gè)操作過程alt常按)Win+R：快速運(yùn)行，打開軟件，cmd命令行calc:運(yùn)行計(jì)算Alt+f4:退出程序Win+數(shù)字鍵：打開/顯示超級任務(wù)欄第N個(gè)圖標(biāo)代表的程Win+方向鍵：最大化、還原/最小化窗２.6學(xué)會上網(wǎng)：網(wǎng)看NBA。而是如果將來在我們學(xué)習(xí)的過程遇到了問題，可以借助網(wǎng)絡(luò)二.認(rèn)識瀏覽器和服務(wù)器１什么是瀏覽器什么是服務(wù)器我們看不到的內(nèi)容什么是瀏覽器瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或者文件系HTML文件（標(biāo)準(zhǔn)通瀏覽器的特點(diǎn)可以顯示服務(wù)器中的html文服務(wù)器的特點(diǎn)處理請必須保證24小時(shí)開機(jī)狀２瀏覽器的分類主流瀏覽器３使用開發(fā)人員工具來查看請求和響應(yīng) 右鍵３.2打開開發(fā)人員工３.3３.4瀏覽器發(fā)出的請３.5瀏覽器請求的詳細(xì)信３.6瀏覽器請求數(shù)據(jù)的原理內(nèi)容通過repsonse響應(yīng)回瀏覽器。４請求協(xié)議：http協(xié)議４.1請求報(bào)４.2響應(yīng)報(bào)４.3Url:(地址)地址欄上我們輸入的內(nèi)容Url的組成：協(xié)議://服務(wù)器的ip地址:端/請求的頁５頁面的本質(zhì)雖然頁面上只有一句，但是在源代碼中有很多的內(nèi)容原來瀏覽器所做的事情是將服務(wù)器響應(yīng)回來的response進(jìn)行從上到下的解６瀏覽器內(nèi)核內(nèi)核（RenderingEngine）：可大概譯為“渲染引擎”，不過我們一般下的一個(gè)應(yīng)用HTML、JavaScript）并渲染（顯示）網(wǎng)頁。內(nèi)核的分類Trident[?tra?dn:t]：ie,獵豹安全瀏覽器,360極速瀏覽器,瀏覽器...世界上的第一個(gè)html頁面-hypertext/hypertext/WWW/TheProject.html問題：為什么瀏覽器上只顯示了一行代碼，但是源代碼中有6行代碼三.瀏覽器上能夠識別的語言 唐床前疑似地上霜低頭思故鄉(xiāng) 從審美的角度，美化頁JavaScript:從交互的角度，提升用戶體HTML：超級文本標(biāo)記語言（HyperTextMarkupLanguage），在瀏覽器上運(yùn)行的一種標(biāo)記語言。（用我們的對來進(jìn)行標(biāo)記）<h1>內(nèi)容<h3>內(nèi)容<p>內(nèi)容像這種用”<”包起來的內(nèi)容叫做html的，每一個(gè)都具有自己的義我們要盡可以多的學(xué)習(xí)有語義的。注意：與之間有關(guān)系：嵌套關(guān)并列關(guān)１固定結(jié)構(gòu)<html>這是<head>這是豬<title></title>這是豬眼<body></body>這是注意：現(xiàn)在這個(gè)階段所有的內(nèi)容都寫在body之內(nèi)。結(jié)構(gòu)法：二師兄２html文２.1新建一個(gè)記事本，修改后綴為現(xiàn)在的文體中是沒有內(nèi)容的２.2以記事本打開：（編寫HTML代碼編輯頁面的內(nèi)２.3HTML的結(jié)構(gòu)以及內(nèi)容２.4保存，找到原始文件，找開方式---瀏覽器（查看頁面效果３文件的后綴名和打開方式３.1文件的后綴名修改文件的后綴名是不會改變內(nèi)容的后綴名是用來決定這個(gè)文件的默認(rèn)打開方式c.（針對我們編寫的html頁面）如果我們要查看這個(gè)文件的內(nèi)容，直３.2打開方４HTML中的的特點(diǎn)：用“<>”包起來的內(nèi)容HTML由于現(xiàn)在學(xué)習(xí)的html頁面還是很簡單的，為了能夠讓頁面更加的“充４.1h系列的h1,h2,h3,h4,h5,h6:將文字放大，加粗.并且逐漸變小。（h1是大的。注意：一個(gè)頁面只能有一個(gè)h1４.2p(Paragraph)：段<p><p>這是段落特點(diǎn)：頁面上的一個(gè)段落，單獨(dú)占一行，并且與上下內(nèi)容之間存在離４.3hr(Horizontal<hr<hr４.4br(break)<br<br特點(diǎn)：換行４.5作用b：加 語義：沒有語u:下劃線 s:刪除線建議不要使用，因?yàn)檫@些沒有語義。strong:加 語義：加強(qiáng)語４.6img作用：在頁面顯示一張。<img<img 的路徑特點(diǎn)：就是顯示屬性顯示的路如果加載不出來會顯示這屬性中的文介紹這張４.7a(Anchor)：a的其它名稱超級，超，錨<a<ahref=”頁面的路徑注意：在a之內(nèi)必須要寫上文字，如果沒有，那么這個(gè)在a的其它用法可以不跳轉(zhuǎn)（跳轉(zhuǎn)到當(dāng)前頁面可以跳轉(zhuǎn)到另外的頁面可以在當(dāng)前頁面進(jìn)行定位設(shè)置a的href屬性為“#id名在頁面的指定位置加入一個(gè)目標(biāo)（可以是任意必須給這個(gè)設(shè)置一個(gè)id名：<pid=”mubiao”>這是目在跳轉(zhuǎn)的頁面進(jìn)行定位可以進(jìn)行。（強(qiáng)烈不推薦使用a的屬性a跳轉(zhuǎn)的目標(biāo)地_blank:保留原始頁面，再進(jìn)行跳_self:在當(dāng)前頁面進(jìn)行跳為頁面上所有的a設(shè)置跳轉(zhuǎn)方式（base一般放在titile下５當(dāng)前的主流文檔類型文檔類分備HTMLStricthtmlHTMLTransitionalFramesetHTMLStricthtmlHTMLTransitionalFramesetxHtml(html2.0版本（是一種相對html語法更加嚴(yán)謹(jǐn)?shù)淖⒆⒁猓簩碓谑褂肈OCTYPE的時(shí)候建議使用html5的類認(rèn)開啟quirksmode（怪異模式）解析（quirksmode（怪異模嚴(yán)格遵循W3C標(biāo)準(zhǔn)的網(wǎng)頁而產(chǎn)生的一種頁面渲染模式）６Html作用所有html中的一個(gè)根節(jié)點(diǎn)７Head作用：用于存放注意：每個(gè)head中都必須有一個(gè)有title，其它的可選８Body作用：用于存放所有的html的結(jié)構(gòu)９Title作用：讓頁面擁有一個(gè)屬于自己的標(biāo)題１０meta常用用法 字符集（編碼格式<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">注意：字符集（文字在電腦是的字典電腦是不能直接文字的，一般情況下電腦的是這個(gè)文字 國標(biāo) >國標(biāo)所有一般看到亂碼的原因是因?yàn)椴檎业淖值洳粚ξ覀冏隽艘粋€(gè)小的例子：文檔的內(nèi)容用的是utf-8格式，而我們的放文檔的這個(gè)文件的格式是gbk,utf-8之間的區(qū)別大小utf-性能uft-utf-8一個(gè)漢字占3個(gè)字節(jié)，gbk一個(gè)漢字上2個(gè)字１２的分類雙：有開始有結(jié)束，開始和結(jié)束之間是存在內(nèi)單：只有一個(gè)，自己閉合自己<hr/>,<br１３與之間的關(guān)系五.HTML中的的分類雙<hr只有一個(gè)尖括號包含的內(nèi)容加上斜線結(jié)尾六.通過瀏覽器查看頁面上的元素具體的標(biāo)查看頁面元素的組成七.開發(fā)工具的選dreamwaver:偏向設(shè)sublime:（輕量級）自帶功能不太全，但是插件十分豐富webstrom:（重量級）自帶功能比較全面?zhèn)冗叢榭?->側(cè)邊新建文文件--->新建文件生成結(jié)構(gòu)代快速一整Ctrl+shift+快速刪除一整Ctrl+shift+向上移動一整Ctrl+shift+向下移動一整Ctrl+shift+小功能b.打開所在文件c.文件路１sublime新建文本的過程打開sublime，ctrl+n新建一個(gè)文保存后綴為生成結(jié)構(gòu)代碼：輸入h

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(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

提交評論