html零基础必看——html入门，编程就是如此简单
第一章：HTML的基础知识
前言
从本文开始，小编将会把前端学习重点知识整理归纳，旨在对知识点的进一步理解和加深，希望也能够对正在或即将学习前端的的你有所帮助。
干货满满，从零开始，任何一个小白都能看得懂，话不多说，让我们一起开启前端的学习之旅吧！
一、HTML概述
1.1 认识HTML
- HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言,
并不是一门编程语言- HTML文件是由一些列标签组成的，HTML文本可以用来描述文字，图形、动画、声音、表格、链接等
1.2 HTML的由来及历史版本
HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，自1990年以来，HTML就一直被用作万维网（world wide web，简称www）的信息表示语言。
HTML历史上有如下版本：
1. 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
2. HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。
3. HTML 3.2：1997年1月14日，W3C推荐标准。
4. 4.0：1997年12月18日，W3C推荐标准。
5. HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。
6. HTML 5：HTML5 技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。
1.3 HTML5
- HTML5是公认的下一代Web语言，HTML5是Web中核心语言HTML的规范，与传统的技术相比，HTML5 的语法特征更加明显，对原有的功能进行调整和修改，极大地提升了Web在富媒体、富内容和富应用等方面的能力。
- HTML5 在 2012 年已形成了稳定的版本，被喻为终将改变移动互联网的重要推手。（Internet Explorer 8及以前的版本不支持。）本文及以后默认使用HTML5版本语法。
二、开发工具的选择安装
我们知道html是超文本标记语言后，那么如何去编写呢？
在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。
2.1.VS vode特点：
- 开源，免费；
- 自定义配置
- 集成git
- 智能提示强大
- 支持各种文件格式（html/jade/css/less/sass/xml）
- 调试功能强大
- 各种方便的快捷键
- 强大的插件扩展
2.2.VS vode的安装与使用
- vs code的下载地址
- 安装必备插件
- open in browser（用于打开浏览器预览网页）
- Chinese (Simplified) Language Pack（用于将界面换成中文）
按照下面操作安装这两个插件就可以了
安装第二个插件也是和上面操作一样。小编的是已经安装好了的，未安装的插件右边会有个“安装”的提示字样，vscode的插件多种多样，在熟悉了之后可以自行根据喜好与需求安装插件。
插件安装好了以后就可以开始编写代码了
- html文件与文件夹的建立
点击左上角的文件–>新建一个文件夹，然后在建好的文件夹上鼠标点击右键–>新建文件，此时我们建立的文件是html格式的文件，后缀名是.html。 - 生成html页面基本结构的快捷方式
- ！+回车键；或者！+Tab键
- 输入html后有提示，此时直接按回车或者Tab键
三、HTML页面基本结构
一个完整的HTML文件包含以下6种基本元素：
3.1 doctype
声明文档类型为 HTML5文档现在基本上都是声明为HTML5文档类型
3.2 html
<html lang="en">元素是 HTML 页面的根元素
- HTML：是包裹整个网页最大的结构，网页中所有的标签都存放于HTML标签里面
- lang：网页字体语言属性
- en：是English的缩写，表示为英文的网页，可将"cn"改为“zh-cn”即为中文的网页
3.3 head
<head>网页头部标签，展示给浏览器看的
3.4 meta
<meta>：辅助网页标签
下面是·一些关于meta标签的属性和属性值的介绍，简单的了解一下就行了，不用去深究。
<meta charset="UTF-8">
<!-- charset属性：网页的字符编码格式为 UTF-8 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- http-equiv属性：相当于http的文件头作用，通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。IE = edge告诉IE使用最新的引擎渲染网页 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- name属性：name属性主要用于描述网页，"viewport"：初始化浏览器窗口。content属性：用来描述网页内容， "width"：网页宽度=设备宽度（电脑，手机，平板等），初始化浏览器窗口缩放的比例为1.0即为100% -->
3.5 title
<title>网页标题标签，可以理解为网页的名字
3.6 body
<body>网页身体标签，呈现出来的内容是给用户看的
四、标签
HTML文件是由一些列标签（tag，也称标记）组成的。标签的主要三种成份是：元素、属性、属性值
4.1 标签知识
<标签名>：由<>包裹起来的单词称为标签- 标签分为双标签和单标签 双标签：有开始标签和结束标签 单标签：只有开头和自身
4.2 标签结构
<标签名 属性 = ”属性值“ >
如<html lang = "en" >
这是html标签 语言属性lang =（的值为） en（属性值是en：英语）
4.3 标签的注释
在写代码的时候，注释是为了解释代码的意思，只在编辑的时候看的到，浏览器是不能识别出来的。
html标签的注释：ctrl+/
总结
上述是小编为大家整理的一些对HTML的初步认识、结构及简单的标签知识。参考多方资料加上自己的理解整理出来的，或有不确之处和疏漏的地方，还望各位大佬能够不吝赐教，加以斧正，小编在此先行谢过了。
3834
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
