前端 - JavaScript 完全自學(xué)手冊

avaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能。

在1995年時(shí)，由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。因?yàn)镹etscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實(shí)際上它的語法風(fēng)格與Self及Scheme較為接近。

為了取得技術(shù)優(yōu)勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運(yùn)行。為了統(tǒng)一規(guī)格，因?yàn)镴avaScript兼容于ECMA標(biāo)準(zhǔn)，因此也稱為ECMAScript。

如果想自己學(xué)習(xí)掌握J(rèn)avaScript：（點(diǎn)擊下方“了解更多”立即學(xué)習(xí)）

（本課程適合前端開發(fā)人員以及想掌握J(rèn)avaScript的基礎(chǔ)小白）

特點(diǎn)：

JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),常用來為網(wǎng)頁添加各式各樣的動態(tài)功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實(shí)現(xiàn)自身的功能的。

是一種解釋性腳本語言（代碼不進(jìn)行預(yù)編譯）。
主要用來向HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）頁面添加交互行為。
可以直接嵌入HTML頁面，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。
跨平臺特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺下運(yùn)行（如Windows、Linux、Mac、Android、iOS等）。

Javascript腳本語言同其他語言一樣，有它自身的基本數(shù)據(jù)類型，表達(dá)式和算術(shù)運(yùn)算符及程序的基本程序框架。Javascript提供了四種基本的數(shù)據(jù)類型和兩種特殊數(shù)據(jù)類型用來處理數(shù)據(jù)和文字。而變量提供存放信息的地方，表達(dá)式則可以完成較復(fù)雜的信息處理。

用途：

嵌入動態(tài)文本于HTML頁面。
對瀏覽器事件做出響應(yīng)。
讀寫HTML元素。
在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。
檢測訪客的瀏覽器信息。
控制cookies，包括創(chuàng)建和修改等。
基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。

阿里云開發(fā)者社區(qū)全面升級，一站式體驗(yàn)，用得更爽：https://developer.aliyun.com?spm=a2c41.12958151.0.0（復(fù)制網(wǎng)址鏈接到瀏覽器，記得收藏）

TML教程

超文本標(biāo)記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。

您可以使用 HTML 來建立自己的 WEB 站點(diǎn)，HTML 運(yùn)行在瀏覽器上，由瀏覽器來解析。

在本教程中，您將學(xué)習(xí)如何使用 HTML 來創(chuàng)建站點(diǎn)。

HTML 很容易學(xué)習(xí)！相信您能很快學(xué)會它！

本教程包含了數(shù)百個(gè) HTML 實(shí)例。

使用本站的編輯器，您可以輕松實(shí)現(xiàn)在線修改 HTML，并查看實(shí)例運(yùn)行結(jié)果。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>孫叫獸的博客</title>
    </head>
    <body>
        <h1>我的第一個(gè)標(biāo)題</h1>
        <p>我的第一個(gè)段落。</p>
    </body>
</html>

HTML 文檔的后綴名

.html

.htm

都可以。

HTML 簡介

實(shí)例：

<!doctype html>
<html>
<header>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</header>
<body>
<h1>這是我的標(biāo)題</h1>
<p>這是我的段落</p>
</body>
</html>

實(shí)例解析

<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）數(shù)據(jù)，如 <meta charset=“utf-8”> 定義網(wǎng)頁編碼格式為 utf-8。
<title> 元素描述了文檔的標(biāo)題
<body> 元素包含了可見的頁面內(nèi)容
<h1> 元素定義一個(gè)大標(biāo)題
<p> 元素定義一個(gè)段落

什么是HTML？

HTML 是用來描述網(wǎng)頁的一種語言。
HTML 指的是超文本標(biāo)記語言: HyperText Markup Language
HTML 不是一種編程語言，而是一種標(biāo)記語言
標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁面
HTML 標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML

標(biāo)簽

HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞，比如 <html>

HTML 標(biāo)簽通常是成對出現(xiàn)的，比如 <b> 和 </b>

標(biāo)簽對中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽

開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽

<標(biāo)簽>內(nèi)容</標(biāo)簽>

html元素

“HTML 標(biāo)簽” 和 “HTML 元素” 通常都是描述同樣的意思.

但是嚴(yán)格來講, 一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例:

HTML 元素:

<p>這是一個(gè)段落</p>

web瀏覽器

Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示。

瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶

html網(wǎng)頁結(jié)構(gòu)

<html>
    <head>
        <title>頁面標(biāo)題</title>
    </head>
    <body>
        <h1>這是一個(gè)標(biāo)題</h1>
        <p>這是一個(gè)段落。</p>
        <p>這是另外一個(gè)段落。</p>
    </body>
</html>

html的版本：

<!DOCTYPE>聲明

<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。

網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。

doctype 聲明是不區(qū)分大小寫的，以下方式均可：

<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

html5

<!DOCTYPE html>

html4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4 Transitional//EN""
http://www.w3.org/TR/html4/loose.dtd">

xhtml1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

中文編碼

目前在大部分瀏覽器中，直接輸出中文會出現(xiàn)中文亂碼的情況，這時(shí)候我們就需要在頭部將字符聲明為 UTF-8。

TML是用來制作網(wǎng)頁的標(biāo)記語言，Hypertext Markup Language的英文縮寫，即超文本標(biāo)記語言，它是一種標(biāo)記語言,不需要編譯，直接由瀏覽器執(zhí)行，它的文件文件是一個(gè)文本文件，包含了一些HTML元素、標(biāo)簽等，文件必須使用html或htm為文件名后綴。它是結(jié)合層疊樣式表CSS而用的，前者控制網(wǎng)頁的結(jié)構(gòu)，后者控制網(wǎng)頁的樣式。

自學(xué)它的難度大嗎？

HTML本身難度不大，自學(xué)更是沒問題！不過我們要先了解清楚它的三個(gè)概念：

概念1：標(biāo)記

“HTML”、“BODY”、“TABLE”等是HTML用于描述功能的符號也就是標(biāo)記，使用標(biāo)價(jià)時(shí)，必須用放括號“<>”括起來并成對出現(xiàn)，沒有"/"的標(biāo)價(jià)表示開始，反之表示標(biāo)記的結(jié)束。

概念2：語法

用一些屬性參數(shù)來描述標(biāo)記，是為了明確它的功能，而這些參數(shù)就是語法，例如："align"與"class"，“align”定義段的位置，默認(rèn)值靠左；"class"定義所屬的類型，大致如此

概念3：特殊字符

方括號與英文雙引號提示HTML的標(biāo)記及參數(shù)值，在網(wǎng)頁中要顯示方括號和英文引號只能用其它的符號來代替。

自學(xué)攻略

一、上網(wǎng)站看看

w3c網(wǎng)站官網(wǎng)是全球最大的中文 Web 技術(shù)教程。其中包括w3c的標(biāo)準(zhǔn)技術(shù):HTML、CSS、XML，在這上面可以輕松的學(xué)習(xí)html（html5）等各種Web技術(shù)知識，在線測試，邊寫邊運(yùn)行十分直觀，而且內(nèi)附HTML學(xué)習(xí)手冊，學(xué)習(xí)起來有效率又簡單。

w3cshool官網(wǎng)

二、一本好書

找一本好書，直觀的照上面教的學(xué)習(xí)閱讀，最好是紙質(zhì)書籍不要電子版的，因?yàn)槟愕拇竽X與眼睛對紙質(zhì)書籍上的信息接受度更高！推薦書籍有：

① 《HTML5與CSS3權(quán)威指南》

② 《HTML 5開發(fā)精要與實(shí)例詳解》

③ 《HTML+5+從入門到精通》

三、常去CSDN或博客園逛逛看

這些博客有很多編程大神總結(jié)的經(jīng)驗(yàn)與技巧，新人也可以在上面發(fā)表自己的代碼，讓他們挑毛病，能解決你很多問題，順便提升自己的實(shí)力。

四、找些HTML的Q群

加入HTML的學(xué)習(xí)群，里面有很多和你一樣的新手，一起探討一起提升，何樂而不為呢？

五、html+css與移動框架、react組件等

學(xué)習(xí)DIV+CSS的基礎(chǔ)知識，掌握網(wǎng)頁布局技巧，能夠用DIV+CSS完成帶交互的企業(yè)網(wǎng)站的布局；掌握html特性、css特性；流行的移動框架學(xué)習(xí)，如bootstrap；react組件的學(xué)習(xí)、nodejs&bower&gulp。這些掌握后，你基本就是個(gè)合格的HTML人了。

以上便是小編對“html的學(xué)習(xí)有什么方法嗎？”的大致介紹，希望對您有所幫助！

在線咨詢

上一篇：玩?zhèn)€輪播特效，css3屌炸天（上）
下一篇：JavaScript sessionStorage使

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

前端 - JavaScript 完全自學(xué)手冊

您的項(xiàng)目需求