如何建做校園購物網(wǎng)站注冊一個網(wǎng)站
這一節(jié),我們說一下學(xué)習(xí)前端開發(fā)的話,最入門的也是非常重要的一門可成,也就是HTML。HTML標(biāo)簽,是網(wǎng)頁的重要組成部分,可以說,你看到網(wǎng)頁上的內(nèi)容,都是基于HTML標(biāo)簽呈現(xiàn)出來的。
這一小節(jié)呢,我們說一下,HTML最初的,剛一新建網(wǎng)頁,就應(yīng)該寫的框架標(biāo)簽們。
目錄
1 新建HTML文檔
1.1 新建一個txt文檔
1.2 修改文檔后綴
1.3 打開這個HTML文件
2 HTML的標(biāo)簽框架?
2.1 DOCTYPE標(biāo)簽
2.2 html標(biāo)簽
2.3 head標(biāo)簽
2.4 body標(biāo)簽
3 小結(jié)
1 新建HTML文檔
可能你發(fā)現(xiàn),你新拿到的電腦呢,并不能新建HTML文檔,所以可以新建一個txt文檔,首先新建一個文件夾,用于我們這個系列課程的學(xué)習(xí)內(nèi)容。
1.1 新建一個txt文檔
首先呢,新建一個txt文檔,鼠標(biāo) “右鍵”,點擊“新建”,然后點擊“文本文檔”,新建以后是這樣子的:
1.2 修改文檔后綴
什么是“文檔”呢,你新建這個就是所謂的人們稱之為的文檔,也可以叫文件,總之都是一個東西。
你看他叫 “新建文本文檔.txt”,這個 .txt 呢就是這個文檔的后綴,你可以把 txt 改為 html,這樣,我們就是新建了一個HTML文檔了。
1.3 打開這個HTML文件
這個時候呢,你可以鼠標(biāo)雙擊打開這個HTML文檔,這個HTML文檔就會被瀏覽器打開了。當(dāng)然,推薦使用Chrome瀏覽器,不過你如果電腦上有Edge瀏覽器呢,也可以,其他瀏覽器也沒有關(guān)系。
打開以后是這樣子的,就是一個空白的網(wǎng)頁
2 HTML的標(biāo)簽框架?
我們做前端開發(fā),總是要在瀏覽器這個容器里瀏覽網(wǎng)頁內(nèi)容的。而網(wǎng)頁內(nèi)容呢,又是包含在HTML這些框架標(biāo)簽里的。這里說一下這些標(biāo)簽框架。
2.1 DOCTYPE標(biāo)簽
網(wǎng)頁文檔的第一行呢,我們加DOCTYPE標(biāo)簽,他會告訴瀏覽器,我們要以哪種文檔格式來渲染網(wǎng)頁。我們先來學(xué)習(xí)具體的知識,如果想學(xué)習(xí)更詳細(xì)的,更擴展的內(nèi)容呢,記得私信告訴狗哥,我給你找相關(guān)內(nèi)容來學(xué)習(xí)。
<!DOCTYPE html>
這就是網(wǎng)頁的第一行代碼。
2.2 html標(biāo)簽
我們所有的網(wǎng)頁內(nèi)容呢,都是嵌套在這個html標(biāo)簽里的。所以,html 是一種文檔格式,也是前端網(wǎng)頁的一個標(biāo)簽。這個html標(biāo)簽?zāi)?#xff0c;是一個成對出現(xiàn)的,意思就是需要寫一個開始的,一個結(jié)束的標(biāo)簽。就像這樣:
<html></html>
2.3 head標(biāo)簽
網(wǎng)頁呢,也分頭部和身體,所以,這里需要加head標(biāo)簽,head標(biāo)簽?zāi)?#xff0c;放一些瀏覽器需要的,但是缺不展示的內(nèi)容,比如渲染一些樣式啦(我們后面說)。
<!DOCTYPE html>
<html><head></head>
</html>
2.4 body標(biāo)簽
剛才說到網(wǎng)頁有身體標(biāo)簽,就是這個body標(biāo)簽,所有需要展示出的,需要被人們看到的網(wǎng)頁內(nèi)容,都會添加到這個body標(biāo)簽內(nèi)。
<!DOCTYPE html>
<html><head></head><body></body>
</html>
3 小結(jié)
好啦,這一小節(jié)呢,我們先學(xué)到這里,很簡單,就是一個非常入門的內(nèi)容,雖然入門,但這是網(wǎng)頁開發(fā)的最基本,最基本的內(nèi)容,一旦你做了前端開發(fā),這個東西是永遠(yuǎn)都脫離不開的,不管你做了多么高深的網(wǎng)頁內(nèi)容,不管你去了哪個大公司,網(wǎng)頁永遠(yuǎn)脫離不開這個基本框架要素。
如果你真的是在跟著狗哥學(xué)習(xí),點個贊,關(guān)注狗哥,告訴狗哥,一起學(xué)起來。