整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
TML是超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。
您可以使用 HTML 來建立自己的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析。
.HTML指的是超文本標記語言
.HTML不是編程語言，而是一種標記語言
.標記語言是一套標記標簽
.HTML使用標記標簽來描述網(wǎng)頁
.HTML文檔包含了HTML標簽和文本內(nèi)容
.HTML文檔也叫做web頁面
HTML實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> HTML教程實例</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落</p>
</body>
</html>注意：對于中文網(wǎng)頁需要使用<meta charset="udf-8">聲明編碼，否則出現(xiàn)亂碼。有些瀏覽器(如 360 瀏覽器)會設(shè)置 GBK 為默認編碼，則你需要設(shè)置為 <meta charset="gbk">。
實例解析：
<!DOCTYPE html>聲明為HTML5文檔
<html>元素是HTML頁面的根元素
<head>元素包含了文檔的元數(shù)據(jù)
<title>元素描述了文檔的標題
<body>元素包含了可見的頁面內(nèi)容
<h1>元素定義一個大標題
<p>元素定義一個段落
一篇介紹了網(wǎng)頁的基本結(jié)構(gòu)，那如何編寫網(wǎng)頁的內(nèi)容? 前提是要學(xué)會HTML標簽的用法，本篇主要介紹HTML標簽是什么，如何學(xué)習(xí)，需要大概多長時間學(xué)習(xí)。
本篇主要基于html5介紹，html5 是最新版的標準，之前的版本可以自己了解下。
HTML的英文全稱是Hyper Text Markup Language，直譯為超文本標記語言。它是全球廣域網(wǎng)上描述網(wǎng)頁內(nèi)容和外觀的標準。HTML包含了一對打開和關(guān)閉的標記，在當中包含有屬性和值。標記描述了每個在網(wǎng)頁上的組件，例如文本段落、表格或圖像等。
事實上，HTML是一種因特網(wǎng)上較常見的網(wǎng)頁制作標注性語言，而并不能算做一種程序設(shè)計語言，因為它缺少程序設(shè)計語言所應(yīng)有的特征。HTML通過IE等瀏覽器的翻譯，將網(wǎng)頁中所要呈現(xiàn)的內(nèi)容、排版展現(xiàn)在用戶眼前。
一個html標簽基本結(jié)構(gòu)如下：
<標簽名稱 屬性="屬性值"></標簽名稱> 或 <標簽名稱 屬性="屬性值"/>有以下特點：
沒有捷徑，需要多看，多練。在這里我不一一介紹每個標簽的具體含義及用法，相關(guān)語法可以參考以下幾個網(wǎng)站：
制定一個學(xué)習(xí)計劃,每天堅持下去
要求，每天花費3到5個小時學(xué)習(xí)，至少1到2周掌握常用的html標簽含義及用法，可以按照上面介紹的標簽進行分類學(xué)習(xí)，感謝關(guān)注，祝你學(xué)習(xí)愉快。
今天我們一起來了解下HTML，
首先HTmL包含三層結(jié)構(gòu)，分別是結(jié)構(gòu)層，表現(xiàn)層，行為層。
結(jié)構(gòu)層：html => 網(wǎng)頁上有什么，比如說文字啊、按鈕啊、圖片啊等等。
表現(xiàn)層：css => 顯示成什么樣子，比如說文字的大小啊，位置啊，顏色啊等等。
行為層：JavaScript => 具體怎么操作，比如說點擊按鈕讓圖片放大縮小等等。
===============================
在了解了html的三層結(jié)構(gòu)之后，我們來學(xué)習(xí)如何寫html。html不是編程語言，它是一套標簽。最簡單的html文本是下圖1這個樣子。我們可以在電腦桌面上新建一個記事本文件，然后把后綴名改一下（.txt=>.html），把這段標簽代碼粘貼到html文件里，這樣一個空白的網(wǎng)頁就做成了。如果需要在網(wǎng)頁上添加內(nèi)容，我們只需要在第10行的位置添加各種各樣的標簽即可。比如我在圖二添加了一個按鈕標簽和一段文字標簽，雙擊html文件，頁面上就從左到右，從上到下顯示對應(yīng)的內(nèi)容。是不是很簡單。我們?nèi)粘g覽的網(wǎng)頁都是這樣一個標簽一個標簽畫上去的。
我給大家總結(jié)了一張圖，基本上覆蓋了工作中常用的知識點。同時分享幾個小技巧。
1.最簡單的網(wǎng)頁寫成什么樣子，也就是html模板不需要記憶，下圖也說了，去百度下載一個VSCode軟件（類似于記事本，是現(xiàn)在主流的前端代碼編輯器），用它打開我們的html文件，輸入英文嘆號回車就自動生成了，學(xué)編程不要死記硬背。
2.控件的標簽不需要記憶，直接百度html XXX標簽，例如：百度搜“html按鈕標簽”，他就會告訴我們是<button>，用的時間長了自然就記住了。是不是省力。
3.標簽的屬性很重要，可以不去記他的寫法，因為寫可以百度，重要的是你需要記住標簽有什么屬性，下圖的屬性記住足矣。為什么要記呢，因為工作中，有的時候會遇到這樣一種情況，明明設(shè)置一個屬性可以完成的功能，我們不知道，花費了大力氣用css和js去實現(xiàn)，結(jié)果還存在著特定場合的bug，讓人很無奈。
4.對于html還有兩個標簽<canvas>和<svg>，他們是用來繪圖的，做特殊效果的。我們可以先跳過，等框架啥的都學(xué)完了，有興趣，學(xué)習(xí)一下。
5.給大家推薦一個小白學(xué)習(xí)html的網(wǎng)站，w3cschool，圖里不明白的可以去上邊學(xué)學(xué)練練。
6.如果覺得一個人學(xué)習(xí)前端有難度，我建了一個小白前端學(xué)習(xí)交流群，可以私聊我，大家在群里多多交流，我會經(jīng)常給大家答疑，組織大家練習(xí)，一起做小項目。有方向，少走彎路。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
