成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

#WEB安全基礎(chǔ):HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁

番茄西紅柿 / 1504人閱讀

摘要:黑體安全基礎(chǔ)系列,本系列采用第二人稱以免你不知道我在對(duì)著你說話,以朋友的視角和你交流的中文名叫做超文本標(biāo)記語言,叫做層疊樣式表用設(shè)計(jì)你的第一個(gè)網(wǎng)頁,你需要做的是用你的眼睛看,用你的手敲。

#WEB安全基礎(chǔ):HTML/CSS系列,本系列采用第二人稱以免你不知道我在對(duì)著你說話,以朋友的視角和你交流


HTML的中文名叫做超文本標(biāo)記語言,CSS叫做層疊樣式表

用HTML設(shè)計(jì)你的第一個(gè)網(wǎng)頁,你需要做的是用你的眼睛看,用你的手敲。

以下就是代碼,我已經(jīng)幫你設(shè)計(jì)好了


 

 1 <html>
 2 <head>
 3 
 4 <title>Head First Loungetitle>    
 5 head>
 6 <body>
 7 <h1>Welcome to the Head First Loungeh1>                         
 8 <img src = "images/drinks.jpg" alt = "果汁" title = "果汁">        
 9 <P>
10 Join us any evening for refreshing elixirs, conversation and maybe a game of two of <em>Dance Revolutionem>Wireless access is always provided;BYOWS (Brinf you Web server).
11 p>                       
12 <h2>Directionsh2>        
13 <p>
14 Youll find us right in the center of downtown Website. Come join us!
15 p>
16 body>
17 html>
18 
19 

我寫了注釋有助于你理解。

以下是這個(gè)網(wǎng)頁的目錄



 

 

還有images文件夾里的文件

用于網(wǎng)頁引用的圖片


 

你肯定想看看自己的網(wǎng)頁寫成什么樣子,依我看不怎么樣,但你還是想看看,對(duì)吧?

你只需要用瀏覽器打開index.html(所有文件都會(huì)用下劃線強(qiáng)調(diào))


它看起來有些單調(diào)對(duì)吧?是因?yàn)槟氵€不會(huì)CSS,不要擔(dān)心,不出一周這種尷尬的網(wǎng)頁就會(huì)離你而去。

-在瀏覽器頁面中按F12可以查看網(wǎng)頁相關(guān)信息

-在瀏覽器中右鍵點(diǎn)擊審查元素即可查看網(wǎng)頁各個(gè)部分的代碼

以上兩個(gè)技巧對(duì)任何人來說都適用,包括你—— 一名不會(huì)寫網(wǎng)頁的肥宅朋友


這是這節(jié)課的附件

編輯器:notpad++官網(wǎng)下載地址:https://notepad-plus-plus.org/

 


 

//本系列教程基于《Head First HTML與CSS(第二版)》,此書國內(nèi)各大購物網(wǎng)站皆可購買

 


轉(zhuǎn)載請(qǐng)注明出處:by:M_ZPHr

最后修改日期:2019-01-16

 

 

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/1312.html

相關(guān)文章

  • #WEB安全基礎(chǔ) : HTML/CSS | 文章索引

    摘要:黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個(gè)網(wǎng)頁黑體安全基礎(chǔ)初識(shí)黑體安全基礎(chǔ)初識(shí)標(biāo)簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標(biāo)簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁 #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS #WEB安全基...

    EscapedDog 評(píng)論0 收藏0
  • HTML的簡介

    摘要:教程標(biāo)準(zhǔn)超文本標(biāo)記語言英語,簡稱是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。版本從初期的網(wǎng)絡(luò)誕生后,已經(jīng)出現(xiàn)了許多版本版本發(fā)布時(shí)間聲明聲明有助于瀏覽器中正確顯示網(wǎng)頁。聲明是不區(qū)分大小寫的,以下方式均可通用聲明查看完整網(wǎng)頁聲明類型參考手冊(cè)。HTML 教程-?(HTML5 標(biāo)準(zhǔn)) 超文本標(biāo)記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。...

    cncoder 評(píng)論0 收藏0
  • #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS

    摘要:黑體我受夠這些難看的網(wǎng)頁了,我怎么才能讓它變得好看點(diǎn)你說。比如訪問百度,百度就會(huì)向你展示一個(gè)百度一下你就知道的頁面。黑體這是在瀏覽器中的顯示黑體我受夠這些難看的網(wǎng)頁了,我怎么才能讓它變得好看點(diǎn)?你說。 我答道:看來你得學(xué)點(diǎn)CSS了 學(xué)習(xí)這些東西只有一個(gè)原則,就是用你的腦袋想,用你的眼睛看,用的你手敲。很簡單,對(duì)吧? 這次我寫了兩個(gè)網(wǎng)頁 看代碼就用到了你的眼睛, 下面是index.htm...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<