大家好，通俗易懂講營(yíng)銷(xiāo)，我是江湖哥，今天為大家分享我今天錄制一個(gè)Html5入門(mén)教程第一個(gè)課的視頻準(zhǔn)備的課件，大家想學(xué)建站，想擁有自己一個(gè)簡(jiǎn)單的博客請(qǐng)關(guān)注我，如果大家有興趣可以到我的視頻去觀看視頻教程
Html5入門(mén)詳細(xì)教程第一課
學(xué)習(xí)要點(diǎn)：1、推薦編寫(xiě)軟件sublime text3
2、html5文檔結(jié)構(gòu)
3、文檔結(jié)構(gòu)解析
一、sublime text3 下載官方網(wǎng)站下載
二、HTML5文檔結(jié)構(gòu)1.第一步：打開(kāi)sublime text3,打開(kāi)指定文件夾；
2.第二步：保存index.html文件到磁盤(pán)中，.html是網(wǎng)頁(yè)后綴；
3.第三步：開(kāi)始編寫(xiě)HTML5的基本格式
<!DOCTYPE html> //文檔類(lèi)型聲明 <html lang="zh-cn"> //表示html文檔開(kāi)始<head> //包含文檔元素開(kāi)始 <meta charset="utf-8"> //聲明字符編碼<title>瀏覽器左上角顯示的標(biāo)題文字</title> //設(shè)置文檔標(biāo)題</head> //包含文檔元素結(jié)束<body> //表示html文檔顯示內(nèi)容開(kāi)始<a href="https://xintu.toutiao.com">今日頭條</a> </body> //表示html文檔顯示內(nèi)容結(jié)束</html> //表示html文檔結(jié)束編寫(xiě)HTML5的基本格式
三、文檔結(jié)構(gòu)解析1. Doctype
文檔類(lèi)型聲明(Document Type Declaration,也稱Doctype)。它主要告訴瀏覽器所查看的文件類(lèi)型。在以往的HTML4.01和XHTML1.0中，它表示具體的HTML版本和風(fēng)格。而如今HTML5不需要表示版本和風(fēng)格了。
< !DOCTYPE html> //不分區(qū)大小寫(xiě)2. html元素
首先，元素就是標(biāo)簽的意思，html 元素即html標(biāo)簽。html 元素是文檔開(kāi)始和結(jié)尾的元素。它是一個(gè)雙標(biāo)簽，頭尾呼應(yīng)，包含內(nèi)容。這個(gè)元素有一個(gè)屬性和值: lang="zh-cn",表示文檔采用語(yǔ)言為:簡(jiǎn)體中文。
<html lange" zh-cn"> //如果是英文則為en3. head元素
用來(lái)包含元數(shù)據(jù)內(nèi)容，元數(shù)據(jù)包括: <link>、 <meta>、 <noscript>. <script>、<style>、<title>.這些內(nèi)容用來(lái)瀏覽器提供信息，比如link提供CSS信息，script提供JavaScript信息，title 提供頁(yè)面標(biāo)題等。
<head>...</head> //這些信息在頁(yè)面不可見(jiàn)4. meta元素
這個(gè)元素用來(lái)提供關(guān)于文檔的信息，起始結(jié)構(gòu)有一個(gè)屬性為: charset="utf8". 表示告訴瀏覽器頁(yè)面采用的什么編碼，一般來(lái)說(shuō)我們就用utf8.當(dāng)然，文件保存的時(shí)候也是utf8，而瀏覽器也設(shè)置utf8即可正確顯示中文。
<meta charsetm"utf-8" > //除了設(shè)置編碼，還有別的5. title元素
這個(gè)元素很簡(jiǎn)單，顧名思義:設(shè)置瀏覽器左上角的標(biāo)題。
<title>瀏覽器左上角顯示的標(biāo)題文字/title>
6. body元素
用來(lái)包含文檔內(nèi)容的元素，也就是瀏覽器可見(jiàn)區(qū)域部分。所有的可見(jiàn)內(nèi)容，都應(yīng)該在這個(gè)元素內(nèi)部進(jìn)行添加。
<body>...</body>7. a元素
一個(gè)超鏈接，后面會(huì)詳細(xì)探討。
<a href= "https://xintu. toutiao. com">今日頭條</a>關(guān)注我，聽(tīng)江湖哥講營(yíng)銷(xiāo)，學(xué)到落地到
持續(xù)更新，分享更多干貨
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明：本文由信途科技轉(zhuǎn)載于網(wǎng)絡(luò)，如有侵權(quán)聯(lián)系站長(zhǎng)刪除。
轉(zhuǎn)載請(qǐng)注明出處http://macbookprostickers.com/xintu/10907.html
