html简介和html文本标签

1.html简介

1.1什么是html

html的概念是超本文标记语言（HyperText Markup Language），超文本：浏览器就可以解释（解析）的，比如http（超文本传输协议）。官方解释：“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。解析顺序是：自上而下的顺序。

标记语言： 由一个一个的标记组成的语言。比如段落是

…

这个标记表示，图像是由这个标记表示。超链接是…标记表示。学习标记语言的关键是明白网页的元素（布局、结构、内容等）应该由什么标记来描述是最恰当的。

我们要让浏览器按照人的思维来显示网页，就必须掌握浏览器解释网页的html语言，明白标签的作用，比如你想产生段落，就必须用

段落内容

的方式才能实现。

html文件的后缀是 xxx.html  或者 xxx.htm

html5文件的特点看第一行代码：如下图所示

浏览器的开发者工具面板的打开,关闭方式 F12，下图所示为开发者工具面板

html的历史：

超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：

HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时

HTML 3.2——1997年1月14日，W3C推荐标准

HTML 4.0——1997年12月18日，W3C推荐标准

HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准

XHTML1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。

XHTML 1.1，于2001年5月31日发布，W3C推荐标准。

XHTML 2.0，W3C工作草案。

HTML4.01 是常见的版本。

XHTML 5，从XHTML 1.x的更新版，基于HTML 5草案。

HTML 5——2014年10月28日，W3C推荐标准

1.2 常用的核心软件安装编辑器的基础使用及认识html

1.2.1 HBuilder X编辑器的基础使用

hbuilderx官网

HBuilderX-高效极客技巧

1.2.2 Visual Studio Code编辑器的基础使用

visual studio code官网

Visual Studio Code - Code Editing. Redefined

1.2.3 Sublime Text3、Notepad++、webstorm

sublime text官网

Sublime Text - Text Editing, Done Right

notepad++官网

Notepad++ - Download Latest Version for Windows

webstorm官网

WebStorm：JetBrains 出品的最智能 JavaScript IDE

1.3 常用浏览器的基础使用

1.3.1 谷歌浏览器

扩展迷

Chrome插件,谷歌浏览器插件下载,chrome谷歌商店插件crx应用推荐与下载-扩展迷

WEB前端助手(FeHelper) 的安装和使用

1.3.2 火狐浏览器

Firebug是Firefox下的一款开发类插件

firebug下载地址

Firebug

1.3.3 IE浏览器

ie浏览器中文网

IE浏览器 -IE浏览器大全 - Iefans

ietester官网

IETester - Download

1.4认识HTML4和HTML5的文档结构

HTML4文档结构

文档主体，显示给用户看的内容。

html文档的基本结构，html文档分为两个部分，head部分和body部分，html/head/body标签是唯一的，一个html文档只能有一对head和body标签。

head部分是对文档的具体声明，比如文档编码，文档的标题，关键字，描述，外部CSS样式和js文档的链接，都可以放在头部，主要是给浏览器和搜索引擎看的。用户除了标题之外，是看不到声明的其它内容的。比如：

body部分就是放用户可以看到的网页主体内容。比如：

   博客

   

       

           
• HTML5教程
           
• CSS3教程
           
• DIV+CSS教程
           
• javascript教程
           
• jQuery教程
       

   

   主体内容

   

侧边栏

底部版权

HTML5文档结构

第一行依然有声明，只是没有指定html版本，因为html5文档是完全兼容低版本html语言的。charset指定编码。

1.5html和html5有什么区别

区别：1、HTML的文档类型声明长而复杂，而HTML5的文档声明相对来说更为简便，有利于程序员快速阅读和开发；结构语义区别，html：没有体现结构语义化的标签，如：

 html5：添加了许多具有语义化的标签，如：

、

、