有半年之久沒(méi)有更新新作品了，但這個(gè)小小領(lǐng)地我并沒(méi)有忘記，我會(huì)堅(jiān)持下去，一直在這等你，等你的每次回眸，感恩你的每次駐足，這已經(jīng)足夠成為我堅(jiān)守的動(dòng)力和理由，盡管現(xiàn)在有很多不足和不盡人意，也沒(méi)很多的時(shí)間管理，我會(huì)盡量讓它保持足夠的新鮮感，每次的作品都投入足夠的用心，否則寧愿選擇缺省，當(dāng)某些東西成為寄托之后，就不能容許隨意的成分。

謝謝大家的支持，我會(huì)盡力做好每一頁(yè)的代碼，今天和大家分享的主題是《周末の玉玲》，誰(shuí)的青春沒(méi)有一個(gè)故事，僅以此篇祭祀那些逝去的青春，珍惜當(dāng)下，畢業(yè)不是終點(diǎn)，不要再錯(cuò)過(guò)。

該主題包含一張index.html，后面預(yù)留了3頁(yè)，留給你們自己設(shè)計(jì)，因?yàn)槊總€(gè)人的青春都不一樣，html5+css3設(shè)計(jì)，支持手機(jī)端。

導(dǎo)語(yǔ)

青澀的時(shí)光，情竇初開，那是學(xué)生時(shí)代，一個(gè)男孩心系一個(gè)女孩，每到課間休息都會(huì)在走廊上等你經(jīng)過(guò)，只為看你一眼，你的一顰一笑，都印記在心里，至今無(wú)法抹去，如今的生活常常在夢(mèng)中遇見你，如若歲月可以回去那一年，我能否向你表明心聲和堅(jiān)持的決心，而不是讓懊悔和思念成為了不可逆轉(zhuǎn)的結(jié)局。

主題

《周末の玉玲》

圖摘

文件目錄結(jié)構(gòu)

互聯(lián)網(wǎng)高速發(fā)展的今天，我們通過(guò)瀏覽器可以看到各種各樣的網(wǎng)站，包含了各式不同的領(lǐng)域還有內(nèi)容，通過(guò)點(diǎn)擊網(wǎng)站上的標(biāo)簽和欄目我們就能夠很方便地看到網(wǎng)站上顯示的各種數(shù)據(jù)，而這些都是建立在HTML這種標(biāo)記語(yǔ)言的基礎(chǔ)上做到的。

HTML的英文全稱為Hyper Text Markup Language，中文稱作超文本標(biāo)記語(yǔ)言，是一種專門用來(lái)建立網(wǎng)站的標(biāo)識(shí)語(yǔ)言。其中包括了許多標(biāo)簽將分散的網(wǎng)絡(luò)數(shù)據(jù)連接到一起，聚合同一之后形成了我們現(xiàn)在所看到的網(wǎng)頁(yè)。

看到這里是不是有許多朋友想要知道這個(gè)HTML語(yǔ)言該怎么去學(xué)習(xí)呢？是需要找老師統(tǒng)一學(xué)，還是去圖書館找專業(yè)書籍自己學(xué)好呢？不用擔(dān)心，因?yàn)榻裉煲o大家推薦的就是一個(gè)專門為大家提供各種編程語(yǔ)言教程的學(xué)習(xí)網(wǎng)站。

這個(gè)網(wǎng)站名叫 runoob，直接在瀏覽器上搜索即可找到。

在首頁(yè)可以看到該欄目的第二個(gè)就是關(guān)于HTML的學(xué)習(xí)教程，點(diǎn)擊左邊的方框可以調(diào)整你的課程進(jìn)度，在第一章節(jié)的教程中很清晰地講解了什么是HTML，以及告訴了你一些關(guān)于網(wǎng)站建立的小知識(shí)。

下方的提示框會(huì)給你提供一些對(duì)HTML零基礎(chǔ)新手的科普，關(guān)于這種標(biāo)記語(yǔ)言應(yīng)該如何進(jìn)行保存，如何查看文件后輟名，如何打開代碼文件等等，還會(huì)提供一些專用工具供你學(xué)習(xí)使用。同時(shí)網(wǎng)站會(huì)給你簡(jiǎn)單介紹一些網(wǎng)頁(yè)編程語(yǔ)言的區(qū)別，還有各種用途上的區(qū)分，非常地詳細(xì)。

在第三章節(jié)的編輯器一欄里，會(huì)提供給你一些HTML的專用編輯器，例如VS Code，還有sublime text 等實(shí)用工具，在后面會(huì)教你如何將這些HTML必備編輯器下載并安裝，然后在瀏覽器上面運(yùn)行。

通過(guò)插件還有語(yǔ)言編程的格式我們就能夠?qū)W會(huì)如何制作第一步的標(biāo)題了，剛開始的一步比較簡(jiǎn)單，相信大家很快就能學(xué)會(huì)如何在網(wǎng)頁(yè)上顯示自己打入的文字了。之后進(jìn)一步的學(xué)習(xí)就是關(guān)于如何調(diào)整文字段落，還有各種標(biāo)識(shí)的使用。

在如何進(jìn)行文字排版編輯的方面，教程中也講述得很詳細(xì)，包括一些用戶們常犯的錯(cuò)誤，還有一些網(wǎng)頁(yè)的實(shí)例，甚至是這個(gè)教學(xué)網(wǎng)站上的排版示范都會(huì)進(jìn)行一一講解。

更深入的章節(jié)會(huì)對(duì)如何進(jìn)行圖像排列，傳輸?shù)确矫孢M(jìn)行細(xì)講，教程中把大部分網(wǎng)站會(huì)使用到的技巧還有排版方式都分成了許多個(gè)小片段，方便大家能夠?qū)γ總€(gè)方面針對(duì)性地學(xué)習(xí)。這些內(nèi)容并不多，幾乎每一個(gè)片段都是用很直白的語(yǔ)言進(jìn)行講解，方便所有人都能夠看懂，并且在下方都會(huì)有更詳細(xì)的術(shù)語(yǔ)解析，還有一些比較難懂的點(diǎn)會(huì)舉例解釋。

經(jīng)過(guò)十幾章節(jié)的教學(xué)之后，基本上能夠掌握HTML語(yǔ)言的基本用法，還有一些簡(jiǎn)單的操作了，這個(gè)時(shí)候如果想要進(jìn)階學(xué)習(xí)的話還可以在網(wǎng)站上查找其他的進(jìn)階語(yǔ)言用法，例如CSS, JavaScript等等復(fù)雜一些的語(yǔ)言，相應(yīng)的你也會(huì)學(xué)到更多如何運(yùn)營(yíng)網(wǎng)頁(yè)的方法。

當(dāng)然如果想要自己建立一個(gè)網(wǎng)站的話，還需要更多資源還有設(shè)備，例如高速的網(wǎng)絡(luò)連接保持網(wǎng)頁(yè)的穩(wěn)定性，以及穩(wěn)定的服務(wù)器，用來(lái)保證自己的網(wǎng)頁(yè)24小時(shí)都能保持流暢可用。不過(guò)這些都是在學(xué)會(huì)了如何建立網(wǎng)頁(yè)之后才考慮的事了。

現(xiàn)在網(wǎng)上也有許多編程教學(xué)，在網(wǎng)上自學(xué)一門知識(shí)一門語(yǔ)言變得非常方便，但是僅僅是擁有資源還是不夠的。學(xué)習(xí)如何建立自己的網(wǎng)站還需要大量的努力以及知識(shí)的積累，通過(guò)不斷的練習(xí)還有實(shí)踐才能自如地使用，只有基礎(chǔ)扎實(shí)，建立出來(lái)的網(wǎng)站才能夠長(zhǎng)久。但還需要大家能夠行動(dòng)起來(lái)，只有去學(xué)習(xí)去實(shí)踐才能夠真正學(xué)會(huì)東西，希望這個(gè)教學(xué)網(wǎng)站推薦能夠幫到更多人！

TML文本是由 HTML命令組成的描述性文本，HTML 命令可以說(shuō)明文字、 圖形、動(dòng)畫、聲音、表格、鏈接等。 HTML的結(jié)構(gòu)包括頭部 (Head)、主體 (Body) 兩大部分。下面是什么是html內(nèi)容，希望對(duì)您有所幫助。

HTML(Hyper Text Mark-up Language )即超文本標(biāo)記語(yǔ)言，是 WWW 的描述語(yǔ)言，由 Tim Berners-lee提出。設(shè)計(jì) HTML 語(yǔ)言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。這樣，你只要使用鼠標(biāo)在某一文檔中點(diǎn)取一個(gè)圖標(biāo)，Internet就會(huì)馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺(tái)電腦中。

HTML文本是由 HTML命令組成的描述性文本，HTML 命令可以說(shuō)明文字、 圖形、動(dòng)畫、聲音、表格、鏈接等。 HTML的結(jié)構(gòu)包括頭部 (Head)、主體 (Body) 兩大部分。頭部描述瀏覽器所需的信息，主體包含所要說(shuō)明的具體內(nèi)容。

html是什么文件

HTML就是超文件標(biāo)示語(yǔ)言(HyperText Markup Language)。主要是在瀏覽器中顯示一份文件的內(nèi)容。它本身并非程式設(shè)計(jì)，只不過(guò)是標(biāo)示(Mark-up)，用來(lái)強(qiáng)調(diào)及組織一般性的文字。HTML是由一些標(biāo)記(tags)所構(gòu)成，每個(gè)標(biāo)記對(duì)瀏覽器下一個(gè)特定的指令，這些指令會(huì)告訴瀏覽器如何顯示文件的內(nèi)容。

編輯HTML不需要多么高級(jí)的軟體配備，你只要有『記事本』這項(xiàng)軟體就可以了。但記得，HTML文件的副檔名有些奇怪，你必須設(shè)定為 .htm 或是.html 才行。

例如： index.htm是一個(gè)合法的HTML檔名，但index.txt就不是了。你可能聽過(guò)一些HTML的編輯程式如：HotDog 、CutrHTML ....等。對(duì)初學(xué)者而言，使用這些工具并不太好。雖然它們的設(shè)計(jì)目的是幫助你更容易使用HTML來(lái)工作。但不幸的是，其中有許多會(huì)將HTML的代碼隱覽起來(lái)，造成學(xué)習(xí)上的困難。

HTML由來(lái)

萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面(外語(yǔ)：page)。作為一個(gè)組織或者個(gè)人在萬(wàn)維網(wǎng)上放置開始點(diǎn)的頁(yè)面稱為主頁(yè)(外語(yǔ)：Homepage)或首頁(yè)，主頁(yè)中通常包括有指向其他相關(guān)頁(yè)面或其他節(jié)點(diǎn)的指針(超級(jí)鏈接)，所謂超級(jí)鏈接，就是一種統(tǒng)一資源定位器(Uniform Resource Locator，外語(yǔ)縮寫：URL)指針，通過(guò)激活(點(diǎn)擊)它，可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。

在邏輯上將視為一個(gè)整體的一系列頁(yè)面的有機(jī)集合稱為網(wǎng)站(Website或Site)。超級(jí)文本標(biāo)記語(yǔ)言(英文縮寫：HTML)是為“網(wǎng)頁(yè)創(chuàng)建和其它可在網(wǎng)頁(yè)瀏覽器中看到的信息”設(shè)計(jì)的一種標(biāo)記語(yǔ)言。

網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言，通過(guò)結(jié)合使用其他的Web技術(shù)(如：腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等)，可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)(Web)編程的基礎(chǔ)，也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。

HTML特點(diǎn)

HTML(Hyper Text Mark-up Language)即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部(Head)、主體(Body)兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。

HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)耄@也是WWW盛行的原因之一，其主要特點(diǎn)如下：

1、 簡(jiǎn)易性，HTML版本升級(jí)采用超集方式，從而更加靈活方便。

2、可擴(kuò)展性，HTML語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。

3、 平臺(tái)無(wú)關(guān)性。雖然PC機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺(tái)上.