整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
TML的英語意思是：HypertextMarkupLanguage，即超文本標記語言,是一種用來制作超文本文檔的簡單標記語言。接下來將帶領讀者從語言、超文本、標記三部分進行理解HTML。下面和千鋒廣州小編一起來看看吧！
?1.語言
HTML一種編程語言，有指定的語法規則。超文本傳輸協議規定了瀏覽器在運行HTML文檔時所遵循的規則和進行的操作。協議的制定使瀏覽器在運行超文本時有了統一的規則和標準。用HTML編寫的超文本文檔稱為HTML文檔，它能獨立于各種操作系統平臺，自1990年以來HTML就一直被用作WWW(是WorldWideWeb的縮寫，也可簡寫WEB、中文叫做萬維網)的信息表示語言，使用HTML語言描述的文件，需要通過WEB瀏覽器HTTP顯示出效果。
2.超文本
所謂超文本，是因為它可以加入圖片、聲音、動畫、影視等內容，事實上每一個HTML文檔都是一種靜態的網頁文件，這個文件里面包含了HTML指令代碼，這些指令代碼并不是一種程序語言，它只是一種排版網頁中資料顯示位置的標記結構語言，易學易懂，非常簡單。
HTML的普遍應用就是通過單擊鼠標從一個主題跳轉到另一個主題，從一個頁面跳轉到另一個頁面與世界各地主機的文件鏈接。直接獲取相關的主題。如下所示：
通過HTML可以通過圖片格式和文字格式的設計實現出豐富多彩的風格：
文字
通過HTML可以實現頁面之間的跳轉：
通過HTML可以展現多媒體的效果：
從上面我們可以看到HTML超文本文件時需要用到的一些標簽。
3.標記
對于剛剛接觸超文本的讀者，可能不能理解一些用“<”和“>”括起來的句子，它們稱為標記，也稱標簽，是用來劃分網頁的元素，以形成文本的布局、文字的格式及五彩繽紛的畫面。標簽通過指定某塊信息為段落或標題等來標識文檔某個部件。
在HTML中每個用來作標簽的符號都是一條命令、它告訴瀏覽器如何顯示文本。這些標簽均由"<"和">"符號以及一個字符串組成。如、等。而瀏覽器的功能是對這些標記進行解釋，顯示出文字、圖像、動畫、播放聲音。這些標簽符號用“<標簽名字屬性>”來表示。標簽分為單標簽和雙標簽兩大類，具體介紹如下：
單標簽指的是只存在一個標簽的寫法，如 、等。
雙標簽指的是存在一對標簽的寫法，如、等。注意在雙標簽中第一個標簽叫做起始標簽，第二個標簽叫做結束標簽，結束標簽需要在左尖括號后添加一個關閉符“/”。
HTML只是一個純文本文件。創建一個HTML文檔，需要HTML編輯器和WEB瀏覽器兩個工具。HTML編輯器是用于生成和保存HTML文檔的應用程序。WEB瀏覽器是用來打開WEB網頁文件，提供給我們查看WEB資源的客戶端程序。
面布局（layout）
header 頭部/頁眉；
index 首頁/索引；
logo 標志；
nav/sub_nav 導航/子導航；
banner 橫幅廣告；
main/content 主體/內容；
container/con 容器；
wrapper/wrap 包裹（類似于container）；
menu 菜單；
sub_menu/second_menu 子菜單/二級菜單；
list 列表；
section 分區/分塊（類似于div）;
article 文章；
aside 側邊欄/廣告；
footer 頁腳/底部；
title/sub_title 標題/副標題；
news 新聞；
hot 熱點；
pro 產品（product）；
company 公司；
msg/info 信息（message）/消息；
ads 廣告（advertisements）;
icon 小圖標；
img 圖片（image）；
copyright 版權；
contact_us 聯系我們；
friend_link 友情鏈接；
tel 聯系電話（telephone）；
address 地址；
& nbsp; 空格（&和n之間的空格去掉,不要忘記分號）;
<br/> (文字末尾添加)換行；
CSS樣式（style） CSS 層疊樣式表 (Cascading Style Sheets) ；
background 背景；
background: -webkit-gradient(top red orange yellow green lightblue blue purple) 顏色漸變；
position 位置/定位；
relative/absolute/fixed 相對定位/絕對定位/固定定位；
float 浮動；
clear 清除；
vertical-align: middle/top/bottom; 垂直居中/上/下；
line-height 行高；
margin 外邊距；
padding 內邊距；
border 邊框；
solid/dashed/dotted 實線/線虛線/點虛線；
border-radius 圓角；
shadow 陰影；
display 展示；
hidden 隱藏；
block/inline-block 塊元素/行內塊；
overflow 溢出；
cursor 光標；
cursor:pointer; 鼠標移上變為小手；
animation 動畫；
css sprites 雪碧圖/圖片精靈；
column 分列；
flex 彈性（布局）；
表單（form）與表格（table）
form 表單；
action 行為；
method 方式/方法；
input 輸入框；
label 標簽；
password 密碼；
radio 單選框；
checkbox 復選框；
btn 按鈕（button）；
submit/reset 提交/重置；
textarea 文本域；
select/option 選擇框/選擇項；
placeholder 占位符（起提示作用）；
search 搜索；
icon 小圖標；
autofocus 自動聚焦；
disabled 禁用；
checked 選中（單選框/復選框）；
selected 默認選擇項（下拉選擇框）；
required 必填項；
readonly 只讀；
table 表格；
thead/tbody/tfoot 表格標題/主體/底部；
colspan 跨列；
rowspan 跨行；
cellspacing 單元格間距（類似于margin）；
cellpadding 單元格邊距（類似于padding）；
border-collapse: collapse; 邊框合并（用于table上）；
一篇介紹了網頁的基本結構，那如何編寫網頁的內容? 前提是要學會HTML標簽的用法，本篇主要介紹HTML標簽是什么，如何學習，需要大概多長時間學習。
本篇主要基于html5介紹，html5 是最新版的標準，之前的版本可以自己了解下。
HTML的英文全稱是Hyper Text Markup Language，直譯為超文本標記語言。它是全球廣域網上描述網頁內容和外觀的標準。HTML包含了一對打開和關閉的標記，在當中包含有屬性和值。標記描述了每個在網頁上的組件，例如文本段落、表格或圖像等。
事實上，HTML是一種因特網上較常見的網頁制作標注性語言，而并不能算做一種程序設計語言，因為它缺少程序設計語言所應有的特征。HTML通過IE等瀏覽器的翻譯，將網頁中所要呈現的內容、排版展現在用戶眼前。
一個html標簽基本結構如下：
<標簽名稱 屬性="屬性值"></標簽名稱> 或 <標簽名稱 屬性="屬性值"/>有以下特點：
沒有捷徑，需要多看，多練。在這里我不一一介紹每個標簽的具體含義及用法，相關語法可以參考以下幾個網站：
制定一個學習計劃,每天堅持下去
要求，每天花費3到5個小時學習，至少1到2周掌握常用的html標簽含義及用法，可以按照上面介紹的標簽進行分類學習，感謝關注，祝你學習愉快。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
