大家好，通俗易懂講營銷，我是江湖哥，今天為大家分享我今天錄制一個Html5入門教程第一個課的視頻準備的課件，大家想學建站，想擁有自己一個簡單的博客請關注我，如果大家有興趣可以到我的視頻去觀看視頻教程
Html5入門詳細教程第一課
學習要點：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>瀏覽器左上角顯示的標題文字</title> //設置文檔標題</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版本和風格。而如今HTML5不需要表示版本和風格了。
< !DOCTYPE html> //不分區(qū)大小寫2. html元素
首先，元素就是標簽的意思，html 元素即html標簽。html 元素是文檔開始和結(jié)尾的元素。它是一個雙標簽，頭尾呼應，包含內(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 提供頁面標題等。
<head>...</head> //這些信息在頁面不可見4. meta元素
這個元素用來提供關于文檔的信息，起始結(jié)構(gòu)有一個屬性為: charset="utf8". 表示告訴瀏覽器頁面采用的什么編碼，一般來說我們就用utf8.當然，文件保存的時候也是utf8，而瀏覽器也設置utf8即可正確顯示中文。
<meta charsetm"utf-8" > //除了設置編碼，還有別的5. title元素
這個元素很簡單，顧名思義:設置瀏覽器左上角的標題。
<title>瀏覽器左上角顯示的標題文字/title>
6. body元素
用來包含文檔內(nèi)容的元素，也就是瀏覽器可見區(qū)域部分。所有的可見內(nèi)容，都應該在這個元素內(nèi)部進行添加。
<body>...</body>7. a元素
一個超鏈接，后面會詳細探討。
<a href= "https://xintu. toutiao. com">今日頭條</a>關注我，聽江湖哥講營銷，學到落地到
持續(xù)更新，分享更多干貨
掃描二維碼推送至手機訪問。
版權聲明：本文由信途科技轉(zhuǎn)載于網(wǎng)絡，如有侵權聯(lián)系站長刪除。
轉(zhuǎn)載請注明出處http://m.quickersubmitter.com/xintu/10907.html
