前端 - JavaScript 完全自学手册

avaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

如果想自己学习掌握JavaScript：（点击下方“了解更多”立即学习）

（本课程适合前端开发人员以及想掌握JavaScript的基础小白）

特点：

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言（代码不进行预编译）。
主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

用途：

嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies，包括创建和修改等。
基于Node.js技术进行服务器端编程。

阿里云开发者社区全面升级，一站式体验，用得更爽：https://developer.aliyun.com?spm=a2c41.12958151.0.0（复制网址链接到浏览器，记得收藏）

TML教程

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

在本教程中，您将学习如何使用 HTML 来创建站点。

HTML 很容易学习！相信您能很快学会它！

本教程包含了数百个 HTML 实例。

使用本站的编辑器，您可以轻松实现在线修改 HTML，并查看实例运行结果。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>孙叫兽的博客</title>
    </head>
    <body>
        <h1>我的第一个标题</h1>
        <p>我的第一个段落。</p>
    </body>
</html>

HTML 文档的后缀名

.html

.htm

都可以。

HTML 简介

实例：

<!doctype html>
<html>
<header>
<meta charset="utf-8">
<title>孙叫兽的博客</title>
</header>
<body>
<h1>这是我的标题</h1>
<p>这是我的段落</p>
</body>
</html>

实例解析

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset=“utf-8”> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

什么是HTML？

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
HTML 标签
HTML 标记标签通常被称为 HTML

标签

HTML 标签是由尖括号包围的关键词，比如 <html>

HTML 标签通常是成对出现的，比如 <b> 和 </b>

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

html元素

“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下实例:

HTML 元素:

<p>这是一个段落</p>

web浏览器

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户

html网页结构

<html>
    <head>
        <title>页面标题</title>
    </head>
    <body>
        <h1>这是一个标题</h1>
        <p>这是一个段落。</p>
        <p>这是另外一个段落。</p>
    </body>
</html>

html的版本：

<!DOCTYPE>声明

<!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的，以下方式均可：

<!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">

中文编码

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8。

TML是用来制作网页的标记语言，Hypertext Markup Language的英文缩写，即超文本标记语言，它是一种标记语言,不需要编译，直接由浏览器执行，它的文件文件是一个文本文件，包含了一些HTML元素、标签等，文件必须使用html或htm为文件名后缀。它是结合层叠样式表CSS而用的，前者控制网页的结构，后者控制网页的样式。

自学它的难度大吗？

HTML本身难度不大，自学更是没问题！不过我们要先了解清楚它的三个概念：

概念1：标记

“HTML”、“BODY”、“TABLE”等是HTML用于描述功能的符号也就是标记，使用标价时，必须用放括号“<>”括起来并成对出现，没有"/"的标价表示开始，反之表示标记的结束。

概念2：语法

用一些属性参数来描述标记，是为了明确它的功能，而这些参数就是语法，例如："align"与"class"，“align”定义段的位置，默认值靠左；"class"定义所属的类型，大致如此

概念3：特殊字符

方括号与英文双引号提示HTML的标记及参数值，在网页中要显示方括号和英文引号只能用其它的符号来代替。

自学攻略

一、上网站看看

w3c网站官网是全球最大的中文 Web 技术教程。其中包括w3c的标准技术:HTML、CSS、XML，在这上面可以轻松的学习html（html5）等各种Web技术知识，在线测试，边写边运行十分直观，而且内附HTML学习手册，学习起来有效率又简单。

w3cshool官网

二、一本好书

找一本好书，直观的照上面教的学习阅读，最好是纸质书籍不要电子版的，因为你的大脑与眼睛对纸质书籍上的信息接受度更高！推荐书籍有：

① 《HTML5与CSS3权威指南》

② 《HTML 5开发精要与实例详解》

③ 《HTML+5+从入门到精通》

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

这些博客有很多编程大神总结的经验与技巧，新人也可以在上面发表自己的代码，让他们挑毛病，能解决你很多问题，顺便提升自己的实力。

四、找些HTML的Q群

加入HTML的学习群，里面有很多和你一样的新手，一起探讨一起提升，何乐而不为呢？

五、html+css与移动框架、react组件等

学习DIV+CSS的基础知识，掌握网页布局技巧，能够用DIV+CSS完成带交互的企业网站的布局；掌握html特性、css特性；流行的移动框架学习，如bootstrap；react组件的学习、nodejs&bower&gulp。这些掌握后，你基本就是个合格的HTML人了。

以上便是小编对“html的学习有什么方法吗？”的大致介绍，希望对您有所帮助！

在线咨询

上一篇：玩个轮播特效，css3屌炸天（上）
下一篇：JavaScript sessionStorage使

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

前端 - JavaScript 完全自学手册

您的项目需求