整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
1. HTML的代碼文件
（1）打開Hbuilder開發工具，新建項目，點擊右鍵新建一個HTML文檔。
（2）在文檔中寫HTML代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>產品列表</title>
</head>
<body>
這是產品頁面
<b>好好學習，天天向上</b>
<h1>好好學習，天天向上</h1>
</body>
</html>
溫馨提示：
常用的快捷鍵：
Ctrl+s:保存
ctrl+c:復制
ctrl+x：剪切
ctrl+v：粘貼
2. HTML的基本結構
對于HTML文件的后綴名一般為“html”或“htm”
2.1HTML的標簽格式
（1）什么是HTML標簽？
HTML標簽是有開始標簽和結束標簽組成
開始標簽：是被尖括號包圍的元素名。
結束標簽：是被尖括號包圍的斜杠和元素名
<元素>內容 </元素>
例如：<b>好好學習天天向上</b>
注意：有些HTML標簽是沒有結束標簽的, <hr/>
(2)單標簽和雙標簽
雙標簽：例如：<b></b>
單標簽：<hr/> <br/>
(3) 標簽的屬性
<font size="1">好好學習</font>
<font size="7">好好學習</font>
<h1 title="h1" style="color: red;">
我是一個標題標簽
</h1>
3. HTML基本結構的認識
<!--<!DOCTYPE html>:文檔聲明，告知瀏覽器文檔使用哪種HTML或XHTML規范，讓瀏覽器通過正確的方式解析我們的網頁，讓網頁能夠正確的顯示。-->
<!DOCTYPE html>
<!-- <html>標簽：是網頁的跟標簽-->
<html>
<!--head是網頁頭，一般表示網頁中描述信息-->
<head>
<!--
meta：提供網頁的相關信息，有利于搜索引擎收錄
charset="UTF-8"： 設置網頁編碼方式為utf-8
name="Keywords" ：設置網頁關鍵字
name="viewport": 設置網頁視窗大小
-->
<meta name="Keywords" content="HTML5前端開發工程師入門到精通課程"/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<!-- <title></title>：表示網頁的標題 -->
<title></title>
</head>
<body>
<!--
<body></body>：網頁的主體內容，用戶呈現的內容，比如文字，圖片，鏈接，視頻……
-->
</body>
</html>
4. HTML的注釋
<!--這里是注釋的內容-->
5. HTML的編碼問題
常見編碼個格式：
UTF-8:國際通用的編碼格式
GBK/GB2312:中文編碼字符
HTML的編碼：<meta charset="UTF-8">
6. HTML規范
（1）html標簽都是有尖括號包圍的標簽，比如<b>
（2）標簽通常是成對存在，<b></b>,<h1></h1>
（3）HTML不區分大小寫，我們建議小寫。
（4）HTML可以嵌套，但是允許交叉嵌套
正確寫法：<b> <h1>我很粗</h1> </b>
錯誤寫法：
<b> <h1>我很粗 </b></h1>
慶假期很適合學習點新知識。前幾天有粉絲在后臺問我關于使用 js 開發后端服務的建議，我給推薦了這一個面向小白的走向全棧開發工程師的教程。
這是一個面向零基礎的基于 JavaScript 語言的全棧開發教程，教程基于目前流行的前后端分離開發模式，使用 Vue.js + Node.js 并且通過從實際需求的角度來完成基礎的業務代碼，沒有過多功能封裝，幾乎都是底層的代碼，通俗易懂，上手容易。
教程截圖
這套 JavaScript 全棧教程的作者是廖雪峰，是一位有著超過十年軟件開發經驗的大神，精通 Java / Python / Ruby / Visual Basic / Objective C 等，對開源框架有很深入的研究，著有《Spring 2.0核心技術與最佳實踐》一書，是很多后端開發工程師非常熟知的業內大神。
因為針對的是對 javascript 零基礎的小白用戶，因此這個教程有很大篇幅是 javascript 語言入門。
這是我毫無后端開發經驗時學習后端開發的入門的教程，這套教程讓我學會了如何使用 javascript 來開發后端 api 接口。而且前面的基礎語法教程，也看得津津有味，復習了很多不會用、不常用但很巧妙的代碼實現。這是我推薦這個教程的最大原因。
教程截圖
這個教程除了適合零基礎的小白，我認為這更像一個寫給后端開發者的、從其他后端語言轉 javascript 的教程，如果像我之前學習的那樣沒有過后端開發經驗，就需要注意幾個問題：
入門靠老師，修行靠自己。總的來說，這只是一套非?；A的入門教程，學完后能夠了解前端開發和后端開發，可以實現簡單的 demo，可以幫助我們學習 koa / egg.js 這類基于 Node.js 的后端開發框架，但后端開發需要學習的知識很多，數據庫設計、查詢優化、架構設計等等，成為一個合格的全棧工程師，路還有很遠。
這是一個完全免費的 JavaScript 全棧入門教程，就算完全不懂 js 也能快速入門，在線免費學習。如果想學 js 語法，也可以看看之前推薦過的阮一峰寫的免費 javascript 系統學習入門教程。
最后祝各位有所收獲，邁進全棧開發工程師行列。
關注我，持續分享高質量的免費開源、免費商用的資源。
↓↓點擊查看本次分享的網址。
JavaScript 全棧開發入門 - 由廖雪峰提供的面向小白的免費在線教程｜那些免費的磚
例演示視頻點擊進入：《2小時學會完美建站教程》
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
