HTML 參考手冊(cè)


閱讀(9972.2k) 收藏 (764)

手冊(cè)簡(jiǎn)介

您可以使用 HTML 來建立自己的 WEB 站點(diǎn)。 在本手冊(cè)中,您可以查找到HTML的使用方法。 HTML 很容易學(xué)習(xí)!相信您能很快學(xué)會(huì)它!

手冊(cè)說明

HTML 參考手冊(cè)》是學(xué)習(xí)HTML過程中不可或缺的一個(gè)重要工具,配合W3Cschool首頁的《HTML教程》相信你一定能很很快學(xué)會(huì)它的。

如果您想要更快、更系統(tǒng)地學(xué)會(huì)HTML,您最好采用邊學(xué)邊練(HTML微課)的學(xué)習(xí)模式。

學(xué)完本HTML之后,W3Cschool推薦您進(jìn)行實(shí)戰(zhàn)練習(xí)(Html實(shí)戰(zhàn))。

HTML參考手冊(cè)

一、HTML是什么?

HTML(Hyper Text Mark-up Language )即是超文本標(biāo)記語言,是 WWW 的描述語言,由 Tim Berners-lee提出。通過使用標(biāo)記標(biāo)簽來描述頁面文檔結(jié)構(gòu)和表現(xiàn)形式的一種語言,再由瀏覽器進(jìn)行解析,然后把結(jié)果展示在網(wǎng)頁上。HTML標(biāo)簽是網(wǎng)頁構(gòu)成的基礎(chǔ),我們所見到的幾乎所有網(wǎng)頁都離不開HTML,所以學(xué)習(xí)HTML可以算是基礎(chǔ)中的基礎(chǔ)了。

  • HTML的英文全稱是Hypertext Marked Language,中文叫做“超文本標(biāo)記語言”。
  • 和一般文本的不同的是,一個(gè)HTML文件不僅包含文本內(nèi)容,還包含一些Tag,中文稱“標(biāo)記”。
  • 一個(gè)HTML文件的后綴名是.htm或者是.html。
  • HTML是大小寫不敏感的,HTML與html是一樣的
  • 文本編輯器就可以編寫HTML文件。

二、HTML網(wǎng)頁結(jié)構(gòu)


HTML文本是由 HTML命令組成的描述性文本,HTML 命令可以說明文字圖形 、動(dòng)畫聲音 、表格、鏈接 等。 HTML的結(jié)構(gòu)包括頭部 (Head)、主體 (Body)兩大部分。頭部描述瀏覽器所需的信息,主體包含所要說明的具體內(nèi)容。


HTML結(jié)構(gòu)

三、學(xué)好HTML能做什么?


  1. 很輕松的修改你的網(wǎng)站、博客的網(wǎng)頁結(jié)構(gòu)。
  2. 對(duì)SEO網(wǎng)站優(yōu)化很有用處。
  3. 拿來主義,通過保存其他網(wǎng)站頁面源代碼,適當(dāng)?shù)男薷?,可以仿制出你想要的模板?/li>
  4. 當(dāng)你有一張漂亮的PSD源文件圖片時(shí),你可以很輕易的把圖片切割制作成網(wǎng)頁。
  5. 無論是PHP、ASP.NET、JSP等網(wǎng)站編程語言,都要用到HTML。
  6. 可以輕松檢測(cè)出網(wǎng)站是否中了網(wǎng)頁木馬。和預(yù)防網(wǎng)頁木馬。
  7. 可以向更高一層次進(jìn)階:DIV+CSS網(wǎng)頁設(shè)計(jì)。
  8. 看完W3Cschool在線教程的手冊(cè)和教程可以運(yùn)行相應(yīng)的編程實(shí)例幫助理解哦。

四、學(xué)習(xí)HTML會(huì)很難嗎?

在初學(xué)者看來制作一個(gè)網(wǎng)站很難,但事實(shí)并非如此!制作網(wǎng)站其實(shí)是很簡(jiǎn)單的一件事情,就像我們編輯word文檔,文字居中,文字改變顏色,添加背景,文字加粗,插入圖片等等;在網(wǎng)頁上只不過是把這些操作用HTML語言來表示罷了。

五、如何利用《HTML參考手冊(cè)》學(xué)習(xí)HTML語言呢?

1:一定要多動(dòng)手,多多修改別人的網(wǎng)頁代碼。(在效果頁上單擊右鍵選擇“查看源文件”即可查看實(shí)現(xiàn)該效果的代碼,查閱《HTML參考手冊(cè)》學(xué)習(xí)該HTML代碼的用法。)

如:

HTML 全局屬性

HTML5 <canvas> 參考手冊(cè) 

2:記住一些常用的HTML語法。很多編輯和美工學(xué)習(xí)HTML的時(shí)候都只記了一些HTML網(wǎng)頁設(shè)計(jì)時(shí)的常用語法,

例如:

(1)貼圖<img alt="圖片說明(利于圖片的搜索)" src="圖片地址">

(2)加入連接<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>

(3)HTML<meta>標(biāo)簽name 屬性

<meta name="Keywords" content="關(guān)鍵詞" />
<meta name="Description" content="網(wǎng)站描述" />

3:熟練地運(yùn)用鍵盤快捷鍵同樣是提高學(xué)習(xí)和工作效率的途徑之一。 

六、學(xué)習(xí)HTML常用的工具/HTML編輯器推薦與下載


用來編寫HTML代碼的工具有那些,最常用的是哪些,最好用的有哪些?下面W3Cschool在線教程小編為您收集整理了如下工具列表:


HTML工具

①、記事本

(初學(xué)者強(qiáng)烈推薦,幫你打下扎實(shí)基礎(chǔ)就看他了)

②、Dreamweaver(常用,有設(shè)計(jì)視圖)

Adobe Dreamweaver官方購買地址:https://www.adobe.com/cn/products/dreamweaver.html

③、EditPlus(好用,有顏色區(qū)分)

Editplus 官方下載地址:https://www.editplus.com/download.html

④、FrontPage

⑤、Notepad++

下載地址:http://notepad-plus-plus.org/download/

⑥、Sublime

Sublime編輯器官方下載:http://www.sublimetext.com/

⑦、HBuilder

飛速編碼的極客工具,手指爽,眼睛爽下載

HBuilder官方下載地址:http://www.dcloud.io/
還有別的像java語言的編寫環(huán)境也可以寫html代碼的。


w3cschool編程獅微信公眾號(hào)
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)