整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML教程:什么是HTML?

么是HTML?

一,什么是html呢?

HTML英语:HyperText Markup Language,中文:超文本标记语言,是一种用于创建网页的标准标记语言。

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

HTML即平常上网所看到的的网页,HTML 命令可以说明文字、图形、动画、声音、表格、链接等。




HTML 是用来描述网页的一种语言。

HTML 不是一种编程语言,而是一种标记语言

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 文档包含了HTML 标签文本内容

HTML文档也叫做 web 页面





二,html文档基本结构

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素,所有html标签的一个根节点。

<head> 文档的头部,描述了文档的各种属性和信息,包括文档的标题,在web中的位置以及和其他文档的关系。

<meta charset="utf-8"> :对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容,文档的主体,以后我们的页面内容基本上都是写到这个标签里面的(比如文本、超链接、图像、表格和列表)。


三,HTML版本

从初期的网络诞生后,已经出现了许多HTML版本:


版本

发布时间

HTML

1991

HTML+

1993

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML 1.0

2000

HTML5

2012

XHTML5

2013

.它是一种计算机(PC)的超文本标记语言(Hyper Text Markup Language),缩写为HTML,HTML是一种标记语言(markup language),是制作网页所必备的语言,语法较为松散,不严格的web语言;标签可以不闭合,不区分大小写。

2.标记标签通常被称为HTML标签,标签由尖括号包围的关键字组成,通常都是成对出现的,有开始标签和结束标签,如<html></html>。

浏览器不会显示html标签(白话:浏览器只会显示标签里边的内容),而是使用标签来解释页面的内容。

比如这一行代码:<body>你好 </body>要放在<html></html>里边,网页只展示了你好 其他内容并没有展示。


代码


页面


以下资料均由自己的认知和资料整理所得:

1989年,欧洲物理量子实验室(CERN)的信息专家蒂姆·伯纳斯·李发明了超文本链接语言, 使用此语言能轻松地将一个文件中的文字或图形连到其它的文件中去,这就是HTML的前身。1991年,蒂姆伯·纳斯·李在CERN定义了HTML语言的第一个规范,之后成为W3C组织为专门在互联网上发布信息而设计的符号化语言规范。可以说,HTML(Hypertext Markup Language)是SGML的一个实例,它的DTD作为标准被固定下来。因此,HTML不能作为定义其它符号化语言的元语言。

  作为World Wide Web的一个组成部分,HTML语言发展很快,在短短的几年里,它已历经了HTML1.0、HTML2.0和HTML3.0、HTML4.0等多个版本,同时DHTML (动态)、VHTML(虚拟)、SHTML等也飞速发展起来。HTML以简单精练的语法、极易掌握的通用性与易学性,使Web网页可以亲近于每一个普通人,互联网因此得以普及发展以至今日辉煌。

但是,目前的HTML还不稳定,不同的浏览器会产生不同的显示效果。此外,由于HTML对超级链接支持不足,并缺乏空间立体描述,处理图形、图像、音频、视频等多媒体能力较弱,图文混排功能简单,不能表示多种媒体的同步关系等缺点,也影响HTML的大规模应用以及用于复杂的多媒体数据处理,一种语言各有各的优点和缺点。

人们常常赞美蒂姆·伯纳斯·李“与其他所有推动人类进程的发明不同,这是一件纯粹个人的劳动成果,万维网只属于蒂姆·伯纳斯·李一个人。”而这个心怀浪漫、献身科学的英国学者,却将只属于他一个人的发明,无偿献给了世界。

.JavaScript概念

  JavaScript是一种基于原型的面向对象的语言。

  同时,因为JavaScript是脚本语言,而脚本语言又是一种解释性的语言,

  所以JavaScript是逐行执行的同时也具有解释型语言的特点:不需要编译可以直接使用,由解释器来负责解释。

2.JavaScript特点

(1)面向对象

  JavaScript 语言标准已经明确说明,JavaScript 是一门面向对象的语言;

  JavaScript是否属于“面向对象的语言”一直饱受争议,一些争论中,有人强调,JavaScript 并非“面向对象的语言”,而是“基于对象的语言”,这个说法也一度流传甚广。JavaScript 的对象设计跟目前主流基于类的面向对象差异非常大。而事实上,这样的对象系统设计虽然特别,但是 JavaScript 提供了完全运行时的对象系统,这使得它可以模仿多数面向对象编程范式,所以它也是正统的面向对象语言。而因为与基于类的面向对象的差异,我们也称JavaScript 为基于原型的面向对象。

(2)脚本语言

  又被称为动态语言,只在被调用时进行解释或编译。在程序的运行过程中逐行解释执行。

(3)解释性语言

  不需要编译可以直接使用,由宿主环境(浏览器)解释执行。

我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

(4)事件驱动

  JavaScript对用户的响应,是以事件驱动的方式进行的。在网页(Web Page)中执行了某种操作所产生的动作,被称为“事件”(Event)。例如按下鼠标、移动窗口、选择菜单等都可以被视为事件。当事件发生后,可能会引起相应的事件响应,执行某些对应的脚本,这种机制被称为“事件驱动”。

(5)动态性

  语言的动态性,是指程序在运行时可以改变其结构。在一个 JavaScript 对象中,要为一个属性赋值时,我们不必事先创建一个变量,只需要在使用的时候做赋值操作即可。

(6)弱类型&松散类型

   弱类型语言声明数据时不需要指定数据类型,一个变量可以赋不同数据类型的值,不同类型数据在计算过程中会自动进行转换,在参与运算的过程中,JavaScript会将其自动转换为数据类型,比如JavaScript中布尔类型的数据可以直接参与运算。

(7)单线程与异步处理共存

  单线程程序的执行顺序是从上到下依次执行,一个程序中只可以执行一个程序。而异步处理不用阻塞当前线程来等待处理完成,而是允许后续操作,直至其它线程将处理完成。二者看起来相互矛盾,不能够同时存在,可是JavaScript以一种巧妙地方式用单线程实现了异步处理的效果。

  在JavaScript的主线程和任务队列中间还存在一个WebAPIs,这个WebAPIs是浏览器单独为处理JavaScript的异步任务开辟的线程。当主线程栈中的函数需要异步处理的时候,主线程会把需要异步的部分推给WebAPIs,这部分异步由浏览器去执行,执行完异步之后将处理后的结果以事件的形式丢到任务队列中,这个事件就是我们写代码时的“回调函数”。

(8)跨平台

  JavaScript依赖于浏览器本身,与操作环境无关。

(9)安全性语言

  JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

3.javaScript的核心

  JavaScript 的三大核心为ECMAScript、DOM 和 BOM。

  ECMAScript(核心):

    描述了该语言的语法和基本对象,ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。

  DOM(文档对象模型):

    描述了处理网页内容的方法和接口;是W3C组织推荐的处理可扩展置标语言的标准编程接口。是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)。

  BOM(浏览器对象模型):

    描述了与浏览器进行交互的方法和接口;用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。

4.javaScript的使用

html页面中写在<script></script>标签内

引入外部.js文件

  引入的多个js文件,会按顺序分开执行。同样的,对于不同<script>标签嵌入的JavaScript代码,也会根据脚本标签<script>的出现顺序来分开执行。由于JavaScript通常需要操作DOM,所以,一般把JavaScript放在前或者文档结尾处引入。若需要在中引入,可以通过修改window.onload或者document.ready事件,强制等到DOM加载完成后再执行相关函数。

5.javaScript的执行顺序

  JavaScript代码执行分为两个部分:

预编译阶段,进行代码的检查装载,同样也是按从上到下按顺序进行的。此阶段只进行变量和函数的声明,会跳过执行语句,不对变量进行赋值,变量的默认值为undefined。即使声明是在调用的下方进行的,但浏览器仍然先声明再调用(执行),这个现象叫做“声明提升”。所以,即便一个函数的声明在函数调用的下方,前面仍然可以正常执行这个函数,需要注意的是函数声明的提升优先于变量声明的提升。(js代码的执行是读一行代码执行一行,但在执行之前系统会先对js进行全面扫描检查是否存在低级的语法错误,并不会立即执行语句。)

原文链接:https://blog.csdn.net/qq_28453669/article/details/103211948

作者:Simeow