整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
TML 教程導讀- (HTML5 標準)：
HTML也叫作超文本標記語言，標準通用標記語言下的一個應用，您可以使用 HTML 來建立自己的 WEB 站點。通過學習本教程，您將可以使用 HTML 來創建站點。HTML 是非常容易學習的！相信您能很快學會它！
HTML發展史：
HTML沒有1.0，因為關于它的初版存在爭議，1995年HTML 2.0面世，1997年由國際官方組織W3C推出了HTML 3.2以及HTML 4.0標準，后面W3C(萬維網聯盟)也漸漸變成Web技術領域的權威，經過漫長的演變，2014年，HTML 5標準最終面世。
HTML 2.0——1995年11月，RFC 1866發布
HTML 3.2——1997年1月14日，W3C發布推薦標準
HTML 4.0——1997年12月18日，W3C發布推薦標準
HTML 4.01——1999年12月24日，W3C發布推薦標準
HTML 5——2014年10月28日，W3C發布推薦標準
HTML 實例：
在本教程中的每個章節中都會提供一定量的實例，使用編輯器，運行并修改這些實例，您可以深入掌握 HTML！
實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test00-html課程導讀實例</title>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
</body>
</html>
使用HBuilderX創建一個項目：
我是一名前端開發程序員，自己整理了一份2019最全面前端學習資料，從最基礎的HTML+CSS+JS到移動端HTML5到各種框架都有整理，送給每一位前端小伙伴，這里是小白聚集地，歡迎初學和進階中的小伙伴
前端資料獲取方式：
1.在你手機的右上角有【關注】選項，點擊關注！
2.關注后，手機客戶端點擊我的主頁面，右上角有私信，請私信回復：【學習】
電腦已經設置好了關鍵詞自動回復，所以回復的時候請注意關鍵詞喲~
大家在瀏覽網頁的時候，是否思考過這樣一個問題：怎樣才能制作出一個網頁呢？制作出一個網頁是很簡單的，只要知道什么是HTML并掌握HTML的基礎知識就可以制作出一個簡單的網頁，今天我就為講解HTML的入門及結構組成。
一、什么是HTML?
1、在我們開始學習HTML之前我們需要知道什么是HTML？
HTML的全稱為Hyper Text Markup Language，中文名稱為超文本標記語言，閱覽方式為網頁瀏覽器，同時HTML也被稱為網頁。
2、一個簡單的HTML文檔
二、HTML編輯器
我們在可以使用TXT文本文檔或者專業的HTML編輯器來編輯HTML。
1、記事本
① 創建一個TXT文本
② 輸入HTML代碼
③ 點擊文件—另存為—輸入名稱+“html”的后綴名即可得到你的第一個HTML文件。
④ 然后雙擊這個文件運行。
運行結果
2、專業編輯器
① Sublime Text
② HBuilder
③ Adobe Dreamweaver
④ CoffeeCup HTML Editor
這其中我比較推薦HBuilder這款編輯器，界面簡單，編輯起來很快。
三、HTML的組成部分
在上面的案例中我們可以看到HTML是由頭部（head）和身體（body）所組成的。
1、頭部（head）
通常包含標題（title），也就是一個網頁的名稱
網頁標題
2、身體（body）
body的部分是整個網頁的重要內容部分，讓人一眼就瀏覽到這個網頁的內容，可以插入文本、圖片、多媒體等內容。
四、HTML元素
l HTML元素是指以開始標簽起始，以結束標簽終止的元素：元素內容即為開始標簽與結束標簽之間的內容。
l <head></head>、<body></body>、<p></p>、<h1></h2>等這些都是HTML元素，在上面的案例中就有六個元素。
l 也有部分元素只有開始標簽，例如<br>,以開始標簽的結束而結束。
五、HTML的屬性
l 一般來說HTML的屬性就是HTML元素的屬性，屬性可以在元素中添加附加信息。
l 屬性總是以名稱/值對的形式出現，比如：name=”value”。
l 屬性一般描述于開始標簽。
l style中會有更多的屬性。
六、HTML格式化
HTML可定義很多供格式化輸出的元素，比如粗體字和斜體字。
HTML文本格式化標簽
標簽 | 描述 |
<b> | 定義粗體文本 |
<em> | 定義著重文字 |
<i> | 定義斜體字 |
<small> | 定義小號字 |
<strong> | 定義加重語氣 |
<sub> | 定義下標字 |
<sup> | 定義上標字 |
<ins> | 定義插入字 |
<del> | 定義刪除字 |
運行結果示意圖
HTML“計算機輸出”標簽
標簽 | 描述 |
<code> | 定義計算機代碼 |
<kdd> | 定義鍵盤碼 |
<samp> | 定義計算機代碼樣本 |
<var> | 定義變量 |
<pre> | 定義預格式文本 |
HTML引文、引用及標簽定義
標簽 | 描述 |
<abbr> | 定義縮寫 |
<address> | 定義地址 |
<bdo> | 定義文字方向 |
<blockquote> | 定義長的引用 |
<q> | 定義短的引用語 |
<cite> | 定義引用、引證 |
<dfn> | 定義一個定義項目 |
七、HTML超鏈接
超鏈接可以是圖片、文字、多媒體也可以是一個網址
示例：
結果：
點擊帶有下劃線的兩個字就可以進入某度的網站
八、HTML CSS
1、CSS是一種層疊樣式表，可以修飾html元素的樣式并可以精確地進行排版
2、CSS有三種方式：
l 內部樣式，在HTML元素中使用“style”屬性
l 內部樣式表，在頭部<head>區域使用<style>元素來包含CSS
l 外部引用，引用帶有后綴css的文件，示例：
html文檔
css文檔
如果你看到了這里，就說明你已經打開了制作網頁的大門啦~
下是我的學習經歷，希望給未入門的師弟師妹些許的指導，讓他們少走些彎路，哪怕他們因此得到只是一點點啟發，我也會感到欣慰。
我2013年6月畢業，同年3月開始認真學習JavaScript，而在此之前我相對熟悉些VB.NET，Java，C++什么的。
但我學習的辦法其實比較笨，只是因為自知看書比較快，所以就大量查閱有關博客以及JS書籍/電子文檔。從《鋒利的jQuery》入門，豆瓣8分以上的JS有關的圖書，10本里面我大概讀過7~8本。 由于JS的語言特性使得你很容易進行橫向學習(現在想想，也是我年tai少sha無bi知，C++沒學好的緣故)，因此快速拓展JS要素時，我還順手點了下Python和Lua的技能書。
當然，在閱讀這些書的過程中我都是帶著強烈目的去讀的(換言之，讀一本書之前，你要知道你為什么讀這本書，你需要解決的問題是什么)，同時，配合平時在工作中持續的Coding。
有些內容或許因為翻譯，或許因為概念本身晦澀，未必很好理解，但我相信，Coding 千遍，其義自現。各位從別的語言平臺過來的程序員應該不會有問題，但倘若是初學編程，請慢慢讀，慢慢學，打好基礎再謀求起飛。
比如完整Follow example code 寫一遍，運行一遍，思考一下代碼原理/執行的過程/解決的問題，然后試試改幾個參數再Run一遍，接著再考慮看看現實的環境中，能找到符合這段代碼目的的用例嗎？
如果非要書單的話，我推薦以下幾本(按推薦的閱讀順序排序，純JS方向)：
這個至少讀兩遍以上。
很薄的一本書，但告訴了你一些工程的東西，來提高一門不怎么好維護的語言的可維護度。
老道這人比較極端，但無論如何這本書入門還是可以一看的，至于有些觀點采納與否可以之后再思索。
異步幾乎是JavaScript世界里最重要的執行機制之一了，也不厚，很容易讀完，但可以反復咀嚼一下。
P.S：回調這個異步模型雖說粗糙是粗糙了點，但同樣也樸素嘛~~。ES6 yield穿來穿去，真要弄清楚執行流程，還是得畫兩張圖才能看明白的。
Node.js方向，相對深入的一本書。而Byvoid那本一來比較簡單，二來Express的版本已經超過他示例代碼版本很多了，再版的話還是挺推薦作為Node.js入門讀物的。
一本偏實踐的書，看了這本書之后再接觸Angular/Backbone什么的會開闊很多。
這本剛出版不久，Github上You dont know JS 系列非常精彩，但遠不是一本入門書，請有了實踐經驗之后再讀，用來鞏固知識點非常好。
最后，如果苦于手邊沒有可以練習的代碼，我推薦這個網站，有效幫助熟悉各種JS函數/Pattern/ES6 Features：
至于練手的項目，我覺得可以嘗試而且自有裨益，當然一開始不一定能真的就順利的實現出來，但羅馬也不是一天建成的。用代碼解決問題永遠是學習編程的最好途徑。
最后的最后，仍然要送上一句話： 知行合一 。
大家如果對編程感興趣，想了解更多的編程知識，解決編程問題，我們這里有java高手，C++/C高手，windows/Linux高手，android/ios高手，請大家關注我的微信公眾號：程序員互動聯盟或者coder_online
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
