整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
篇文章我們說(shuō)了初始化css的創(chuàng)建，本篇文章我們來(lái)說(shuō)一下如何創(chuàng)建一個(gè)初始化html的基本模版以及初始化文件的創(chuàng)建。
我們?cè)趯?duì)一個(gè)網(wǎng)頁(yè)進(jìn)行切圖編碼之前，我們需要?jiǎng)?chuàng)建這么幾個(gè)目錄文件， 便于存放我們的代碼；
css文件目錄：該目錄的作用是用于存放我們的網(wǎng)頁(yè)css文件，一般我們分為2個(gè)文件，一個(gè)是用于存放我們上篇文章說(shuō)到的初始化代碼的base.css，還有一個(gè)是用于存放我們自己編寫的網(wǎng)頁(yè)代碼的style.css文件；
images文件目錄：該目錄的作用是用于存放我們網(wǎng)頁(yè)的切圖文件，網(wǎng)頁(yè)中的背景圖片以及元素圖標(biāo)等都可以存放到此文件夾中；
js文件目錄：該目錄的作用是存放我們編寫的網(wǎng)頁(yè)javascript代碼（關(guān)于javascript代碼我們將在以后的文章中進(jìn)行詳解），js代碼的作用是實(shí)現(xiàn)網(wǎng)頁(yè)中的基本動(dòng)態(tài)展示效果，比如選項(xiàng)卡切換，banner輪播圖切換等效果；
另外還有一個(gè)文件就是我們的網(wǎng)頁(yè)html文件，首頁(yè)我們一般命名為index.html，一般放于跟目錄下邊。標(biāo)準(zhǔn)的目錄文件就如下圖所示：
備注：如果你的電腦看不到.html這個(gè)后綴的話, 在文件夾左上角找到組織-文件夾和搜索選項(xiàng)；
然后點(diǎn)擊查看-找到隱藏已知文件類型的擴(kuò)展名-將前邊的對(duì)勾去掉即可；
文件創(chuàng)建完成之后我們就要?jiǎng)?chuàng)建標(biāo)準(zhǔn)的index.html的網(wǎng)頁(yè)模版，一個(gè)網(wǎng)頁(yè)模版一般是由主體html、頭部head、內(nèi)容body組成，其中head區(qū)域主要存放網(wǎng)頁(yè)標(biāo)題、關(guān)鍵詞、頁(yè)面描述以及css和js代碼的引用；而body區(qū)域主要存放我們以后對(duì)頁(yè)面的編碼內(nèi)容；
具體的標(biāo)準(zhǔn)模版顯示效果就如下圖所示：
好了，本篇文章就給大家說(shuō)到這里，大家自己下來(lái)可以創(chuàng)建屬于自己的通用初始化文件模版，以后開發(fā)的時(shí)候直接復(fù)制使用即可。
每日金句：不要生氣要爭(zhēng)氣，不要看破要突破，不要嫉妒要欣賞，不要拖延要積極，不要心動(dòng)要行動(dòng)。喜歡我的文章的小伙伴記得關(guān)注一下哦，每天將為你更新最新知識(shí)。
頁(yè)編程之文字標(biāo)題。
同學(xué)們好，今天分享的主題是文件標(biāo)題標(biāo)簽。我們將從高到低分別介紹H1、H2到H6，其中H6為最小。讓我們看看具體的實(shí)現(xiàn)效果。現(xiàn)在網(wǎng)頁(yè)上出現(xiàn)了6行文字，自動(dòng)換行，并以H1到H6的順序排列。這些文字展示了標(biāo)簽的用法和效果。接下來(lái)，讓我們看看實(shí)現(xiàn)代碼。標(biāo)題標(biāo)簽的寫法非常簡(jiǎn)單，沒有任何需要講解的內(nèi)容。
選擇標(biāo)題標(biāo)簽的原因是它是最簡(jiǎn)單的圍堵標(biāo)簽之一，不需要任何自帶的屬性，只需要將標(biāo)簽的內(nèi)容圍堵起來(lái)就可以了。這個(gè)標(biāo)簽是對(duì)各位標(biāo)簽寫法的一個(gè)鞏固。標(biāo)題標(biāo)簽的作用是標(biāo)記定義了html文檔中的標(biāo)題，字體相對(duì)較大并且加粗。需要注意的是，我們展示的內(nèi)容通常用于新聞或公示的頁(yè)面。除了用于定義目錄和索引頁(yè)面的不同層次外，標(biāo)題標(biāo)簽還可以用于定義不同層次的標(biāo)題。對(duì)于我個(gè)人來(lái)說(shuō)，H1標(biāo)簽是最常用的。H3之后，我基本上沒有使用過(guò)。現(xiàn)在，大多數(shù)時(shí)候使用CSS來(lái)自定義網(wǎng)頁(yè)的字體樣式。因此，了解這個(gè)標(biāo)簽的含義就足夠了。
從本節(jié)課開始，我們將進(jìn)入html主體部分的講解，不再抽象地介紹配置信息。今天的分享就到這里，希望各位同學(xué)能夠按照示例進(jìn)行練習(xí)，不看視頻也能寫出來(lái)。如果需要相關(guān)文檔和案例，請(qǐng)聯(lián)系我。下期見。
如果您想學(xué)習(xí)編程，請(qǐng)關(guān)注我。
TML 文檔是由 HTML 元素定義的。
HTML 元素
HTML 元素指的是從開始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼。
注釋：開始標(biāo)簽常被稱為開放標(biāo)簽（opening tag），結(jié)束標(biāo)簽常稱為閉合標(biāo)簽（closing tag）。
HTML 元素語(yǔ)法
嵌套的 HTML 元素
大多數(shù) HTML 元素可以嵌套（可以包含其他 HTML 元素）。
HTML 文檔由嵌套的 HTML 元素構(gòu)成。
HTML 文檔實(shí)例
<html> <body> <p>This is my first paragraph.</p> </body> </html>
上面的例子包含三個(gè) HTML 元素。
HTML 實(shí)例解釋
<p> 元素：
<p>This is my first paragraph.</p>
這個(gè) <p> 元素定義了 HTML 文檔中的一個(gè)段落。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <p>，以及一個(gè)結(jié)束標(biāo)簽 </p>。
元素內(nèi)容是：This is my first paragraph。
<body> 元素：
<body> <p>This is my first paragraph.</p> </body>
<body> 元素定義了 HTML 文檔的主體。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <body>，以及一個(gè)結(jié)束標(biāo)簽 </body>。
元素內(nèi)容是另一個(gè) HTML 元素（p 元素）。
<html> 元素：
<html> <body> <p>This is my first paragraph.</p> </body> </html>
<html> 元素定義了整個(gè) HTML 文檔。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <html>，以及一個(gè)結(jié)束標(biāo)簽 </html>。
元素內(nèi)容是另一個(gè) HTML 元素（body 元素）。
不要忘記結(jié)束標(biāo)簽
即使您忘記了使用結(jié)束標(biāo)簽，大多數(shù)瀏覽器也會(huì)正確地顯示 HTML：
<p>This is a paragraph <p>This is a paragraph
上面的例子在大多數(shù)瀏覽器中都沒問(wèn)題，但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會(huì)產(chǎn)生不可預(yù)料的結(jié)果或錯(cuò)誤。
注釋：未來(lái)的 HTML 版本不允許省略結(jié)束標(biāo)簽。
空的 HTML 元素
沒有內(nèi)容的 HTML 元素被稱為空元素。空元素是在開始標(biāo)簽中關(guān)閉的。
<br> 就是沒有關(guān)閉標(biāo)簽的空元素（<br> 標(biāo)簽定義換行）。
在 XHTML、XML 以及未來(lái)版本的 HTML 中，所有元素都必須被關(guān)閉。
在開始標(biāo)簽中添加斜杠，比如 <br />，是關(guān)閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實(shí)是更長(zhǎng)遠(yuǎn)的保障。
HTML 提示：使用小寫標(biāo)簽
HTML 標(biāo)簽對(duì)大小寫不敏感：<P> 等同于 <p>。許多網(wǎng)站都使用大寫的 HTML 標(biāo)簽。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
