002-前端入门基础介绍

超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言

一、HTML介绍

（一）、什么是浏览器

解释和执行HTML源码的工具

五大浏览器：Internet Explorer (IE)，FireFox(火狐)，Chrome（谷歌），Opera（欧朋），Safari（苹果）
浏览器内核
1. Trident内核：代表产品IE,又称为IE内核。是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器有:IE，遨游,世界之窗浏览器，腾讯TT等等
2. Gecko内核：代表产品Mozilla FirefoxGecko是一套开源的，C++编写的排版引擎。使用它最著名的浏览器有Firefox,Netscape6至9
3. WebKit内核：代表产品有Safari，主要用于Mac OS系统。使用它的浏览器是Safari和谷歌浏览器Chrome
4. Presto内核：代表产品OperaPresto是由Opera Software开发的浏览器排版引擎，它是世界公认最快的渲染速度的引擎。在13年之后，Opera宣布加入谷歌阵营，弃用了
5. Blink内核：由Google和Opera Software开发的浏览器排版引擎，2013年4月发布。现在Chrome和Opera内核是Blink。

（二）、HTML发展史

HTML的概念
1. HTML的概念HTML是Hypertext Markup Language（超文本标记语言）的缩写，是一种基于SGML（标准通用标记语言）的标记语言，是Web用于编辑网页的主要工具。在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的“母语”。
2. WWW是环球信息网的缩写，所使用的出版语言就是HTML语言
HTML的功能
1. 展示在线的文档，其中包含了标题、文本、表格、列表以及照片等内容
2. 通过超链接检索在线的信息
3. 为获取远程服务而设计表单，可用于检索信息、定购产品等
4. 在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用
HTML历次版本
1. HTML 1.0——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）
2. HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
3. HTML 3.2——1996年1月14日，W3C推荐标准
4. HTML 4.0——1997年12月18日，W3C推荐标准
5. HTML 4.01——1999年12月24日，是在HTML4.0基础上的微小改进W3C推荐标准
6. HTML 5——2014年10月28日，W3C推荐标准

（三）、HTML与互联网介绍

HTML
HTML超文本标记语言（Hyper Text Mark-up Language）是一种制作万维网页面的标准语言，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等
互联网
互联网（英语：Internet），又称网际网络，或者音译因特网、英特网，是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络

二、开发工具

（一）、Adobe Dreamweaver

Adobe Dreamweaver简称“DW”，中文名称 “梦想编织者”，是美国Adobe公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

（二）、DCloud - Hbuilder

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的最大优势，就是其拥有完整的语法提示和代码输入法，可以在编写HTML、CSS、JavaScript时更加快速便捷，同时默认添加了emmet语法插件，前端程序员在编写HTML代码时可以更加暴力。

（三）、Sublime Text 3

Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。

（四）、Visual Studio Code

Visual Studio Code (简称 VS Code / VSC) 是由微软推出的一款免费开源的现代化轻量级代码编辑器。支持语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，并且有强大的插件库，可以针对不同的开发需求进行对应的插件配置。

三、HTML的标签结构

（一）、HTML文件结构

HTML结构

<html><head><meta charset="utf-8"><title>文档标题</title><link rel="stylesheet" type="text/css" href="style.css"><script type="text/javascript" src</

002-前端入门基础介绍相关推荐

FPGA入门基础介绍
1.1 FPGA入门基础介绍 1.1.1 本节目录 1)本节目录: 2)本节引言: 3)FPGA简介: 4)FPGA入门基础介绍: 5)结束语. 1.1.2 本节引言 "不积跬步,无以至千里 ...
【无标题】C#nbsp；语言入门基础介绍学习通http://www.bdgxy.com/
文章来源: 学习通http://www.bdgxy.com/ 普学网http://www.boxinghulanban.cn/ 智学网http://www.jaxp.net/ 表格制作excel教程h ...
51单片机入门基础介绍
51单片机入门基础介绍文章目录 51单片机入门基础介绍前言常用元器件发光二极管数码管 LED数码管的显示方式按键定时计数器串行口控制寄存器SCON 中断系统中断源及中断请求中断允许 ...
好程序员web前端教程分享web前端入门基础知识
好程序员web前端教程分享web前端入门基础知识,作为合格的Web前端工程师必须得掌握HTML.CSS和JavaScript.只懂其中一两个还不行,必须对这三门语言都要熟悉.下面我们一起来看一看吧! ...
web前端入门基础教程
了解 WEB 前端(HTML5) 随着互联网与移动互联网的迅猛发展和普及,传统的站点已经不在能满足人们的需求.而现在网上购物,网上直播,网上订餐等都已经成为生活的一部分.而这些内容的呈现,就是 WE ...
搬砖篇--002 几何入门基础知识
几何入门基础知识一. ξ\xiξ 多边形内角和外角和二. ξ\xiξ 圆周角与圆心角三. ξ\xiξ 相似与全等三角形一. ξ\xiξ 多边形内角和外角和 1.观察下图所示,通过线性平移 ,可 ...
网页编程从入门到精通杨凡_干货 | web前端入门基础知识
一名合格的web前端工程师必须得掌握HTML.CSS和JavaScript. 只懂其中一个或两个还不行,你必须对这三门语言都很熟悉. 也不是说必须对这三门语言都非常精通,但你至少要能够运用它们完成大多 ...
Web前端工程师知识体系大全，Web前端入门基础体系
Web前端工程师知识体系大全什么?你上面说的太多太乱了,好吧下面的知识体系只要能掌握个六七成,就能找到个前端的碗了! Web前端基础知识体系大全
前端入门基础之字符实体与语义标签
文章目录字符实体与语义标签 1. 字符实体 2. meta 标签 3. 语义标签 4. 块元素与行内元素块元素(block element) 行内元素(inline element) 5. 内容修 ...

002-前端入门基础介绍

一、HTML介绍

（一）、什么是浏览器

（二）、HTML发展史

（三）、HTML与互联网介绍

二、开发工具

（一）、Adobe Dreamweaver

（二）、DCloud - Hbuilder

（三）、Sublime Text 3

（四）、Visual Studio Code

三、HTML的标签结构

（一）、HTML文件结构

HTML结构

002-前端入门基础介绍相关推荐

最新文章

热门文章