HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁上直接調(diào)試和修改。原先應(yīng)用的開發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運(yùn)行，這是首先得解決的一個(gè)問題。因此也有許多手機(jī)雜志客戶端是基于HTML5標(biāo)準(zhǔn)，開發(fā)人員可以輕松調(diào)試修改。
編譯html網(wǎng)頁可以用windows自帶記事本直接編寫代碼，但是需要更改文件后綴，但是需要把.txt改為.html。
sublime這款軟件，其優(yōu)點(diǎn)就是比起記事本它可以自動(dòng)補(bǔ)全代碼，而且比較精簡(jiǎn)軟件鏈接如下:
https://pan.baidu.com/s/1AHSdOSqL4OEF9-QFTdYJzQ
*初學(xué)者比較適合的一款軟件應(yīng)該是dreamweaver，因?yàn)槌鯇W(xué)者無非希望編寫錯(cuò)誤可以高亮，并且可以自動(dòng)補(bǔ)齊匹配.
https://pan.baidu.com/s/1wUcnG3dJVCO5cXAORmuxrQ
軟件簡(jiǎn)易教程:1.先解壓文件
2.打開文件夾
3.找到dreaweaver.exe右鍵發(fā)送到桌面快捷方式
4.桌面打開點(diǎn)擊接受

成都創(chuàng)新互聯(lián)公司2013年成立，先為泗水等服務(wù)建站，泗水等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為泗水企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

5.進(jìn)入dreamweaver后點(diǎn)擊HTML
6.點(diǎn)擊代碼就會(huì)自動(dòng)顯示基本框架了
7.編寫后快捷鍵ctrl+s即可保存

這里先講一些基礎(chǔ)標(biāo)簽代碼:
1.html是一種超文本標(biāo)記語言（hypertext makrup language）因?yàn)樗梢詷?biāo)記標(biāo)簽處理文字以外的圖片.動(dòng)畫.視頻等，它是一種網(wǎng)頁標(biāo)記語言。編程語言有：c java c++ php
2.訪問網(wǎng)頁需要通過瀏覽器http協(xié)議向服務(wù)器發(fā)布請(qǐng)求，然后服務(wù)器做出響應(yīng)返出網(wǎng)頁，本地訪問不需要服務(wù)器處理
3.Chrome 谷歌瀏覽器【推薦】
4.編寫代碼需要成對(duì)以防忘記
5.基本結(jié)構(gòu)

標(biāo)題 頭標(biāo)題即為

主體 內(nèi)容

6.主體背景顏色
7.標(biāo)題

...

...

...

標(biāo)題居中

標(biāo)題左對(duì)齊

標(biāo)題右對(duì)齊
7.換行

8.分割線

---

9.段落

——自動(dòng)換行，行間距
10.預(yù)先格式化

...

可預(yù)先在其中編輯調(diào)整好文本格式
11.字符格式加粗
斜體
下劃線
刪除線
12.列表a.無序列表：沒有標(biāo)記序號(hào)只是有符合分開縱向排列

空心圓在前列表

實(shí)心圓

b.有序排列：有序號(hào)排列可以是數(shù)字，字母等

數(shù)字排序

字母排序

大寫字母排序并且從B開始

13.di標(biāo)簽：三國(guó)
劉備
關(guān)羽
張飛

三國(guó)

劉備

關(guān)羽

張飛

L:list T:title D:data
14.水平線hr：分割線

---

---

15.字體：c:\windows\fonts
內(nèi)容字號(hào)大
內(nèi)容字號(hào)更大
內(nèi)容
字體樣式
16.圖像img標(biāo)簽：a.絕對(duì)路徑：
b.相對(duì)路徑：.當(dāng)前目錄

..返回上一級(jí)目錄

行級(jí)標(biāo)簽，用來顯示圖片。
重要屬性有：src、title、alt、width、height、align。
src 圖片地址。
title 鼠標(biāo)懸浮在圖片上的文字。
alt 圖片找不到時(shí)要替換的文字。如果圖片資源使用的是外網(wǎng)資源，則不會(huì)顯示要替換的文字。如果使用的是本網(wǎng)站的資源（相對(duì)路徑給出），則找不到圖片時(shí)會(huì)顯示替換的文字，并保留圖片設(shè)置的寬高結(jié)構(gòu)。
align 圖片周圍文字的垂直對(duì)齊情況。常用的屬性值有：top（與圖片的頂部對(duì)齊）、middle（與圖片的中部對(duì)齊）、bottom（默認(rèn)，與圖片的底部對(duì)齊）。
width 圖片的寬
height 圖片的高 (寬高兩個(gè)屬性只用一個(gè)會(huì)自動(dòng)等比縮放.)

17. 超鏈接標(biāo)簽(錨標(biāo)簽)
重要屬性有三個(gè)：href、target、name
href 超鏈接地址：可以是Web上任意資源，包括圖片，網(wǎng)頁，樣式，腳本文件等。href="#"時(shí)，表示被鏈接頁面就是當(dāng)前頁面。
target 文檔打開時(shí)要顯示的目標(biāo)位置，屬性值一般有：_blank（新窗口中打開）、_self（默認(rèn)，在超鏈接所在的容器中打開）、_parent（在超鏈接的父容器中打開）、_top（整個(gè)容器中打開）、name（框架名稱）。
name 錨記名稱。作用：跳轉(zhuǎn)到文檔的某個(gè)地方。返回首頁。
錨點(diǎn)

...

a：id或name屬性
H.P：只能用id
跳轉(zhuǎn)網(wǎng)頁
百度
錨點(diǎn)
1
內(nèi)容
19.特殊字符： 小于號(hào)&it 空格??
20.meta標(biāo)簽：a.競(jìng)價(jià)排名
b.seo搜索引擎優(yōu)化


c.refresh刷新一段時(shí)間后訪問另一個(gè)網(wǎng)址

d.字符集utf-8 、gbk 、gb2312
顯示中文

附上簡(jiǎn)單的代碼：






鐘揚(yáng)——植物學(xué)家，

復(fù)旦大學(xué)教授

，在生命的最后16年，扎根青藏高原，帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子，盤點(diǎn)了世界屋脊的生物“家底”。鐘揚(yáng)——植物學(xué)家，復(fù)旦大學(xué)教授，在生命的最后16年，扎根青藏高原，帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子，盤點(diǎn)了世界屋脊的生物“家底”。

鐘揚(yáng)——植物學(xué)家，復(fù)旦大學(xué)教授，在生命的最后16年，扎根青藏高原，帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子，盤點(diǎn)了世界屋脊的生物“家底”。鐘揚(yáng)——植物學(xué)家，復(fù)旦大學(xué)教授，在生命的最后16年，扎根青藏高原，帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子，盤點(diǎn)了世界屋脊的生物“家底”。

鐘揚(yáng)——植物學(xué)家，復(fù)旦大學(xué)教授，在生命的最后16年，扎根青藏高原，
帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子，盤點(diǎn)了世界屋脊的生物“家底”。鐘揚(yáng)——植物學(xué)家，復(fù)旦大學(xué)教授，在生命的最后16年，扎根青藏高原，帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子，盤點(diǎn)了世界屋脊的生物“家底”。

鵝鵝鵝，

曲項(xiàng)向天歌。

白毛浮綠水，

紅掌撥清波。

鵝 鵝鵝，
曲項(xiàng)向天歌。
白毛浮綠水，
紅掌撥清波。

紅掌撥清波

---

---

三國(guó)

• 劉備


• 關(guān)羽


• 張飛

0. 劉備


1. 關(guān)羽


2. 張飛

三國(guó)

劉備

關(guān)羽

張飛

西游記

悟空

八戒

曲項(xiàng)向天歌


效果如下圖：

學(xué)習(xí)總結(jié)：很多代碼需要和英語相結(jié)合記憶，更重要的是要遇到問題及時(shí)解決，多加練習(xí)才能加深記憶熟能生巧，不懂的代碼應(yīng)該先打出來對(duì)比觀察

分享題目：真正零基礎(chǔ)學(xué)習(xí)HTML（一）
當(dāng)前網(wǎng)址：http://weahome.cn/article/ppcdhh.html