html5+css3 day1

特別鳴謝黑馬程序員pink老師!此教程視頻鏈接:web前端入門教程或在嗶哩嗶哩搜索黑馬pink老師以下是我個人的學(xué)習(xí)筆記,有問題可以問我哦壤躲!

1.網(wǎng)站是網(wǎng)頁的集合

2.網(wǎng)頁通常是html格式的文件,它要通過瀏覽器來閱讀。

4.網(wǎng)頁中的基本元素:圖片咪奖、鏈接、文字……常以.html或.html后綴結(jié)尾的文件酱床,因此網(wǎng)頁也稱html文件

5.html語言:超文本標(biāo)記語

所謂超文本:

①它可以加入圖片羊赵、聲音、動畫……(超越文本限制)

②可以從一個文件跳轉(zhuǎn)到另一個文件扇谣,與世界各地主機的文件連接(超級鏈接文本)



1.常見瀏覽器

2.瀏覽器內(nèi)核



1.web標(biāo)準(zhǔn)

2.web標(biāo)準(zhǔn)的構(gòu)成:結(jié)構(gòu)昧捷、表現(xiàn)、行為

3.web標(biāo)準(zhǔn)提出的最佳體驗方案:結(jié)構(gòu)罐寨、樣式靡挥、行為相分離

4.html結(jié)構(gòu)相對重要



html(上)

目標(biāo)

1.html標(biāo)簽是由尖括號包圍的關(guān)鍵詞

大部分是雙標(biāo)簽:

<html>? </html>

極少為單標(biāo)簽:<br />

2.標(biāo)簽關(guān)系:包含關(guān)系和并列關(guān)系

<html>

? <head>

? ? ? <title></title>

</head>

? <body></body>

</html>

3.網(wǎng)頁骨架標(biāo)簽

上面有此結(jié)構(gòu)

4.VSCode的使用

* 新建文件(Ctrl N)

* 立即保存(Ctrl S),保存為.html文件

* Ctrl 加號鍵 可以縮放視圖

* 生成頁面骨架: ! Tab鍵

* 在瀏覽器中顯示

5.VSCode插件安裝

JS-CSS…請忽略

6.文檔聲明標(biāo)簽

。鸯绿。跋破。簸淀。。毒返。
7.標(biāo)簽語義

根據(jù)標(biāo)簽的語義租幕,在合適的地方給一個最為合理的標(biāo)簽,可以讓頁面結(jié)構(gòu)更清晰拧簸。

8.標(biāo)題標(biāo)簽

pink老師的口決

9.段落和換行標(biāo)簽

段落:<p>文本</p>

換行:<br />

10.文本格式化標(biāo)簽

為文字設(shè)置粗體劲绪、斜體…?

只需記住前兩個

11.<div>和<span>標(biāo)簽

無語義,就是個盒子盆赤,用來布局

特點:<div>一行只能放一個--大盒子

<span>一行可以放多個--小盒子

12.圖像標(biāo)簽 <img />

單獨設(shè)置寬度珠叔,高度會自動成比例縮放

。弟劲。祷安。。兔乞。汇鞭。。

13.創(chuàng)建文件夾

目錄文件夾:里面存放頁面所需元素庸追,如:html文件霍骄、圖片…

根目錄:打開目錄文件夾的第一層就是根目錄

14.相對路經(jīng)

下一級,可看作src向與之并排的文件夾下找圖片…


15.絕對路徑

即目錄下的絕對位置

也可以是完整的網(wǎng)絡(luò)地址

16.超鏈接

語法格式:?

淡溯。读整。。咱娶。米间。。

類型:

17.特殊字符

只需記住﹤和﹥

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末膘侮,一起剝皮案震驚了整個濱河市屈糊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌琼了,老刑警劉巖逻锐,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異雕薪,居然都是意外死亡昧诱,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進(jìn)店門所袁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來盏档,“玉大人,你說我怎么就攤上這事纲熏∽鼻穑” “怎么了锄俄?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長勺拣。 經(jīng)常有香客問我奶赠,道長,這世上最難降的妖魔是什么药有? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任毅戈,我火速辦了婚禮,結(jié)果婚禮上愤惰,老公的妹妹穿的比我還像新娘苇经。我一直安慰自己,他們只是感情好宦言,可當(dāng)我...
    茶點故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布扇单。 她就那樣靜靜地躺著,像睡著了一般奠旺。 火紅的嫁衣襯著肌膚如雪蜘澜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天响疚,我揣著相機與錄音鄙信,去河邊找鬼。 笑死忿晕,一個胖子當(dāng)著我的面吹牛装诡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播践盼,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼鸦采,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了宏侍?” 一聲冷哼從身側(cè)響起赖淤,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤蜀漆,失蹤者是張志新(化名)和其女友劉穎谅河,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體确丢,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡绷耍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了鲜侥。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片褂始。...
    茶點故事閱讀 38,654評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖描函,靈堂內(nèi)的尸體忽然破棺而出崎苗,到底是詐尸還是另有隱情狐粱,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布胆数,位于F島的核電站肌蜻,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏必尼。R本人自食惡果不足惜蒋搜,卻給世界環(huán)境...
    茶點故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望判莉。 院中可真熱鬧豆挽,春花似錦、人聲如沸券盅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽锰镀。三九已至但汞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間互站,已是汗流浹背私蕾。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留胡桃,地道東北人踩叭。 一個月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像翠胰,于是被迫代替她去往敵國和親容贝。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內(nèi)容

  • 一之景、學(xué)習(xí)目標(biāo) 主要是學(xué)習(xí)web開發(fā)中的一些基本性的概念斤富,例如b/s架構(gòu),web服務(wù)器锻狗,dns等等满力。同時還要學(xué)習(xí)HT...
    我愛開發(fā)閱讀 733評論 0 7
  • --- 學(xué)習(xí)目標(biāo): - 了解常用瀏覽器 - 掌握WEB標(biāo)準(zhǔn) - 理解標(biāo)簽語義化 - 掌握常用的排版標(biāo)簽 ...
    紅豆丁244閱讀 1,373評論 0 2
  • 課程目標(biāo): 學(xué)會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握C...
    繁華退卻閱讀 1,741評論 0 0
  • 學(xué)習(xí)目標(biāo): 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽...
    淡淡瘋閱讀 1,257評論 0 3
  • 《逆向管理》 A dream 797 001 你是真的想要嗎? 思考是為了更好的做事轻纪,但怎么知道自己在想什么呢油额?—...
    讓dream照進(jìn)現(xiàn)實閱讀 179評論 0 0