欧美free性护士vide0shd,老熟女,一区二区三区,久久久久夜夜夜精品国产,久久久久久综合网天天,欧美成人护士h版

首頁綜合 正文
目錄

柚子快報(bào)激活碼778899分享:前端 html 標(biāo)題

柚子快報(bào)激活碼778899分享:前端 html 標(biāo)題

http://yzkb.51969.com/

組織介紹 WEB標(biāo)準(zhǔn) HTML概念 HTML結(jié)構(gòu)詳解 HTML規(guī)范

我們的第一個(gè)網(wǎng)頁

現(xiàn)在我們就正式進(jìn)入WEB前端的學(xué)習(xí),先和大家一起來編寫一個(gè)自己的網(wǎng)頁。

0x01 在桌面創(chuàng)建一個(gè)記事本

右鍵桌面->新建->文本文檔

有同學(xué)可能就會(huì)問:為什么我的創(chuàng)建的記事本文件名字叫“新建文本文檔”而不是“新建文本文檔.txt”呢?

這是因?yàn)?txt是后綴名,表示的是打開方式,就比如.docx后綴的都是默認(rèn)用word打開,.xlsx的都是默認(rèn)用excel打開。

常用文件擴(kuò)展名,Windows系統(tǒng)文件按照不同的格式和用途分很多種類,為便于管理和識(shí)別,在對(duì)文件命名時(shí),是以擴(kuò)展名加以區(qū)分的,即文件名格式為: “主文件名.擴(kuò)展名”。這樣就可以根據(jù)文件的擴(kuò)展名,判定文件的種類,從而知道其格式和用途。主要ISO、RAR、html、zip、exe、pdf等。

——百度百科

沒有顯示后綴名的同學(xué)需要打開“此電腦”->左上角選擇查看->之后將文件拓展名勾選上。

這樣

0x02 編寫代碼

Document

靚仔的第一個(gè)網(wǎng)頁

直接將上面的代碼粘貼到剛剛新建的記事本中,這時(shí)候我們就已經(jīng)寫好第一個(gè)網(wǎng)頁了,只需要讓谷歌瀏覽器去打開它我們就可以看到里面的內(nèi)容了。

但是我們?cè)趺醋尮雀鑱泶蜷_一個(gè)記事本文件呢?很簡(jiǎn)單剛剛所提到的后綴名就可以解決,我們現(xiàn)在就把記事本的后綴名改成.html。

現(xiàn)在直接點(diǎn)擊他就可以用瀏覽器打開了。

有的同學(xué)因?yàn)槟J(rèn)瀏覽器不是谷歌瀏覽器,所以顯示的圖片就不是谷歌的,這不應(yīng)該當(dāng)前操作。但是強(qiáng)烈建議使用谷歌瀏覽器(千萬別用IE瀏覽器),在JavaScript一節(jié)中會(huì)詳細(xì)介紹瀏覽器對(duì)我們寫網(wǎng)頁的影響。

恭喜!做到這一步你已經(jīng)超越很多人了。

道雖邇,不行不至。事雖小,不為不成。 ——《荀子·修身》

下一步我會(huì)給大家講解剛剛所寫的那一段代碼以及一些相關(guān)的專業(yè)知識(shí)。如果已經(jīng)具備了專業(yè)知識(shí)的同學(xué)可以直接跳到標(biāo)簽介紹那里。

W3C

W3C組織

聊到網(wǎng)頁我們就不得不提起一個(gè)組織:W3C

W3C:World Wide Web Consortium,萬維網(wǎng)聯(lián)盟組織,用來制定web標(biāo)準(zhǔn)的機(jī)構(gòu)(組織)。

W3C 組織就類似于現(xiàn)實(shí)世界中的聯(lián)合國(guó)。W3C就是網(wǎng)頁世界的老大,規(guī)則都是由其來定的。所以我們?cè)趯懢W(wǎng)頁的時(shí)候就需要遵守他的規(guī)則。

為什么要遵循WEB標(biāo)準(zhǔn)呢?因?yàn)楹芏酁g覽器的瀏覽器內(nèi)核不同,導(dǎo)致頁面解析出來的效果可能會(huì)有差異,給開發(fā)者增加無謂的工作量。因此需要指定統(tǒng)一的標(biāo)準(zhǔn)。

規(guī)則并不是用于約束小白的,而是用于約束高手的,因?yàn)楦呤謺?huì)的太多,掌握太多他人所不會(huì)的。為了方便管理,所以需要規(guī)則加以約束。

Web標(biāo)準(zhǔn)

Web標(biāo)準(zhǔn):制作網(wǎng)頁要遵循的規(guī)范。

Web標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn),而是由W3C組織和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。

Web標(biāo)準(zhǔn)包括三個(gè)方面:

結(jié)構(gòu)標(biāo)準(zhǔn)(HTML):用于對(duì)網(wǎng)頁元素進(jìn)行整理和分類。 表現(xiàn)標(biāo)準(zhǔn)(CSS):用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式。 行為標(biāo)準(zhǔn)(JS):用于定義網(wǎng)頁的交互和行為。

根據(jù)上面的Web標(biāo)準(zhǔn),可以將 Web前端分為三層,如下。

Web前端分三層:

HTML(HyperText Markup Language):超文本標(biāo)記語言。從語義的角度描述頁面的結(jié)構(gòu)。相當(dāng)于人的身體組織結(jié)構(gòu)。 CSS(Cascading Style Sheets):層疊樣式表。從審美的角度美化頁面的樣式。相當(dāng)于人的衣服和打扮。 JS:JavaScript。從交互的角度描述頁面的行為。相當(dāng)于人的動(dòng)作,讓人有生命力。

HTML概念

HTML 全稱為 HyperText Markup Language,譯為超文本標(biāo)記語言。

HTML 不是一種編程語言,是一種描述性的標(biāo)記語言。

作用:HTML是負(fù)責(zé)描述文檔語義的語言。

這里我們需要注意兩個(gè)地方一個(gè)是超文本、一個(gè)是標(biāo)記語言。

所謂的超文本,有兩層含義:

(1)圖片、音頻、視頻、動(dòng)畫、多媒體等內(nèi)容,成為超文本,因?yàn)樗鼈兂隽宋谋镜南拗啤?/p>

(2)不僅如此,它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件,與世界各地主機(jī)的文件進(jìn)行連接。即:超級(jí)鏈接文本。

HTML 不是一種編程語言,是一種描述性的標(biāo)記語言。這主要有兩層含義:

(1)標(biāo)記語言是一套標(biāo)記標(biāo)簽。比如:標(biāo)簽表示超鏈接、標(biāo)簽表示圖片、標(biāo)簽

表示一級(jí)標(biāo)題等等,它們都是屬于 HTML 標(biāo)簽。

說的通俗一點(diǎn)就是:網(wǎng)頁是由網(wǎng)頁元素組成的,這些元素是由 HTML 標(biāo)簽描述出來,然后通過瀏覽器解析,就可以顯示給用戶看了。

(2)編程語言是有編譯過程的,而標(biāo)記語言沒有編譯過程,HTML標(biāo)簽是直接由瀏覽器解析執(zhí)行。

HTML結(jié)構(gòu)詳解

在記事本中編寫代碼雖然可以實(shí)現(xiàn)最終的效果,但是不免有些難以操作,所以現(xiàn)在我們用vscode來打開剛剛到記事本文件

打開方式一:點(diǎn)擊左上角的文件然后選擇打開文件,之后選中剛剛的記事本文件。

pass: 如果vscode界面是英文的說明沒有安裝漢化的插件,具體的安裝步驟請(qǐng)看工具篇。

打開方式二:直接將文件拖動(dòng)到vscode

文件和文件夾都是可以直接拖到vscode里面的,這樣可以快捷打開。

我們要知道HTML標(biāo)簽都是有開始和結(jié)束的(雙邊標(biāo)記),比如 和 ,在尖括號(hào)里多一個(gè)反斜杠表示結(jié)束。又或者有的標(biāo)簽是在末尾以/反斜杠直接閉合,這稱為自閉合標(biāo)簽(單邊標(biāo)記)。

雙邊標(biāo)記的標(biāo)簽在里面編寫的是他的內(nèi)容。

而自閉合標(biāo)簽大多數(shù)是編寫的屬性。

這些標(biāo)簽里有很多用等號(hào)的就稱為標(biāo)簽的屬性。

等號(hào)左邊是要設(shè)置的屬性名,右邊是設(shè)置的屬性值。

至于這些屬性有什么用會(huì)在之后進(jìn)行詳細(xì)講解。

一個(gè)最基本的網(wǎng)頁應(yīng)該包含一下的內(nèi)容

標(biāo)題

內(nèi)容

pass:這里的title標(biāo)簽的標(biāo)題是瀏覽器標(biāo)簽的標(biāo)題,如下圖。

自我介紹一下,小編13年上海交大畢業(yè),曾經(jīng)在小公司待過,也去過華為、OPPO等大廠,18年進(jìn)入阿里一直到現(xiàn)在。

深知大多數(shù)前端工程師,想要提升技能,往往是自己摸索成長(zhǎng)或者是報(bào)班學(xué)習(xí),但對(duì)于培訓(xùn)機(jī)構(gòu)動(dòng)則幾千的學(xué)費(fèi),著實(shí)壓力不小。自己不成體系的自學(xué)效果低效又漫長(zhǎng),而且極易碰到天花板技術(shù)停滯不前!

因此收集整理了一份《2024年Web前端開發(fā)全套學(xué)習(xí)資料》,初衷也很簡(jiǎn)單,就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友,同時(shí)減輕大家的負(fù)擔(dān)。

既有適合小白學(xué)習(xí)的零基礎(chǔ)資料,也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程,基本涵蓋了95%以上前端開發(fā)知識(shí)點(diǎn),真正體系化!

由于文件比較大,這里只是將部分目錄截圖出來,每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻,并且會(huì)持續(xù)更新!

如果你覺得這些內(nèi)容對(duì)你有幫助,可以掃碼獲?。。。▊渥ⅲ呵岸耍?/p>

完整版面試題資料免費(fèi)分享,只需你點(diǎn)贊支持,動(dòng)動(dòng)手指點(diǎn)擊此處就可領(lǐng)取了。

前端實(shí)習(xí)面試的套路

回顧項(xiàng)目

往往在面試時(shí),面試官根據(jù)你簡(jiǎn)歷中的項(xiàng)目由點(diǎn)及面地展開問答,所以請(qǐng)對(duì)你做過的最好的項(xiàng)目進(jìn)行回顧和反思。回顧你做過的工作和項(xiàng)目中最復(fù)雜的部分,反思你是如何完成這個(gè)最復(fù)雜的部分的。

面試官會(huì)重點(diǎn)問你最復(fù)雜的部分的實(shí)現(xiàn)方法和如何優(yōu)化。重點(diǎn)要思考如何優(yōu)化,即使你項(xiàng)目中沒有對(duì)那部分進(jìn)行優(yōu)化,你也應(yīng)該預(yù)先思考有什么優(yōu)化的方案。如果這部分答好了,會(huì)給面試官留下很不錯(cuò)的印象。

重點(diǎn)在于基礎(chǔ)知識(shí)

這里指的基礎(chǔ)知識(shí)包括:前端基礎(chǔ)知識(shí)和學(xué)科基礎(chǔ)知識(shí)。

前端基礎(chǔ)知識(shí):html/css/js 的核心知識(shí),其中 js 的核心知識(shí)尤為重要。比如執(zhí)行上下文、變量對(duì)象/活動(dòng)對(duì)象(VO/AO)、作用域鏈、this 指向、原型鏈等。

學(xué)科基礎(chǔ)知識(shí):數(shù)據(jù)結(jié)構(gòu)、計(jì)算機(jī)網(wǎng)絡(luò)、算法等知識(shí)。你可能會(huì)想前端不需要算法,那你可能就錯(cuò)了,在大公司面試,面試官同樣會(huì)看重學(xué)生這些學(xué)科基礎(chǔ)知識(shí)。 你可能發(fā)現(xiàn)了我沒有提到React/Vue這些框架的知識(shí),這里得說一說,大公司不會(huì)過度的關(guān)注這方面框架的知識(shí),他們往往更加考察學(xué)生的基礎(chǔ)。 這里我的建議是,如果你至少使用或掌握其中一門框架,那是最好的,可以去刷刷相關(guān)框架的面試題,這樣在面試過程中即使被問到了,也可以回答個(gè) 7788。如果你沒有使用過框架,那也不需要太擔(dān)心,把重點(diǎn)放在基礎(chǔ)知識(shí)和學(xué)科基礎(chǔ)知識(shí)之上,有其余精力的話可以去看看主流框架的核心思想。

官留下很不錯(cuò)的印象。

重點(diǎn)在于基礎(chǔ)知識(shí)

這里指的基礎(chǔ)知識(shí)包括:前端基礎(chǔ)知識(shí)和學(xué)科基礎(chǔ)知識(shí)。

前端基礎(chǔ)知識(shí):html/css/js 的核心知識(shí),其中 js 的核心知識(shí)尤為重要。比如執(zhí)行上下文、變量對(duì)象/活動(dòng)對(duì)象(VO/AO)、作用域鏈、this 指向、原型鏈等。

學(xué)科基礎(chǔ)知識(shí):數(shù)據(jù)結(jié)構(gòu)、計(jì)算機(jī)網(wǎng)絡(luò)、算法等知識(shí)。你可能會(huì)想前端不需要算法,那你可能就錯(cuò)了,在大公司面試,面試官同樣會(huì)看重學(xué)生這些學(xué)科基礎(chǔ)知識(shí)。 你可能發(fā)現(xiàn)了我沒有提到React/Vue這些框架的知識(shí),這里得說一說,大公司不會(huì)過度的關(guān)注這方面框架的知識(shí),他們往往更加考察學(xué)生的基礎(chǔ)。 這里我的建議是,如果你至少使用或掌握其中一門框架,那是最好的,可以去刷刷相關(guān)框架的面試題,這樣在面試過程中即使被問到了,也可以回答個(gè) 7788。如果你沒有使用過框架,那也不需要太擔(dān)心,把重點(diǎn)放在基礎(chǔ)知識(shí)和學(xué)科基礎(chǔ)知識(shí)之上,有其余精力的話可以去看看主流框架的核心思想。

柚子快報(bào)激活碼778899分享:前端 html 標(biāo)題

http://yzkb.51969.com/

推薦閱讀

評(píng)論可見,查看隱藏內(nèi)容

本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點(diǎn)和立場(chǎng)。

轉(zhuǎn)載請(qǐng)注明,如有侵權(quán),聯(lián)系刪除。

本文鏈接:http://m.gantiao.com.cn/post/19171349.html

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

您暫未設(shè)置收款碼

請(qǐng)?jiān)谥黝}配置——文章設(shè)置里上傳

掃描二維碼手機(jī)訪問

文章目錄