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