HTML的简介

1.什么是软件br> 软件是一系列按照特定顺序组织的电脑数据和指令，是电脑中的非有形部分。软件一般被划分为系统软件、应用软件和介于这两者之间的中间件。
软件—-计算机系统或手机运行起来程序【应用程序】，为我们的生活带来方便。
2. 一个软件是由哪些部分组成br> 1… 界面—提供操作
2. 逻辑—功能
3. 数据—信息
软件通过逻辑处理数据使用界面展示，让用户得到自己需要的信息。
数据—数据库—DB工程师
逻辑—后台操作
数据+逻辑=后台工程师
界面—前端开发
3.前端开发需要学习的内容br> 前端开发主要完成与软件界面相关的开发。

1. 按照要求制作出界面【切图/UI】
2. html基础 CSS基础 javascript基础—-【基本的界面】
   HTML5+CSS3 javascript高级—————–【完整的界面】
3. 与后台处理程序进行数据交互。
   流行javascript框架，利用javascript框架完成数据交互

4.HTML基础
1.什么是HTMLbr> HTML是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用，HTML 不是一种编程语言，而是一种标记语言 (markup language)，是 页制作所必备的。

页面内可以包含图片、链接，甚至音乐、程序等非文字元素，结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于 页的信息，“主体”部分提供 页的具体内容。

2.HTML的作用
制作 页，将来可以充当软件的界面。
软件的界面界面不一定是 页， 页一定可以充当软件界面。

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维 （WWW）盛行的另一个原因。

4、通用性：另外，HTML是 络的通用语言，一种简单、通用的全置标记语言。它允许 页制作人建立文本与图片相结合的复杂页面，这些页面可以被 上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器

用记事本来创建的第一个 页

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210413163543548.png” />2.专业的IDE
1.Notepad++：http://www.html.cn/tool/edit/2.html
2.Sublime Text：http://www.html.cn/tool/edit/6.html
3.WebStorm: https://www.html.cn/tool/edit/8.html
4.HBuilderX: https://www.dcloud.io/hbuilderx.html
我们使用 HBuilderX 进行学习
HBuilderX 下载
https://www.dcloud.io/hbuilderx.html

HBuilderX 安装
在指定的位置解压缩这个压缩包，就安装成功

关于浏览器的介绍
浏览器是运行 络的环境
什么是浏览器：浏览器是用来检索、展示以及传递Web信息资源的应用程序。Web信息资源由统一资源标识符( Uniform Resource Identifier，URI)所标记，它是一张 页、一张图片、一段视频或者任何在Web上所呈现的内容。使用者可以借助超级链接( Hyperlinks)，通过浏览器浏览互相关联的信息。
浏览器的内核
一、Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。

2
二、Gecko内核代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的 页排版引擎。Gecko是最流行的排版引擎之一，仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。

3
三、WebKit内核代表作品Safari、Chromewebkit 是一个开源项目，包含了来自KDE项目和苹果公司的一些组件，主要用于Mac OS系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对 页代码的兼容性不高，导致一些编写不标准的 页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome。

4
四、Presto内核代表作品OperaPresto是由Opera Software开发的浏览器排版引擎，供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎，包括加入动态功能，例如 页或其部分可随着DOM及Script语法的事件而重新排版。

在运行前端编程代码 可以将以上的浏览器都进行下载 查看运行环境是否正常.
5.HTML标记含义

1. HTML 标记–由尖括 包围的关键词
2. HTML 标记–通常是成对出现的,有开始标记和结束标记
   3.开始标记没有”/”【】,结束标记有”/”
   4.除过成对出现标记，也有少数几个独立出现的标记叫独立标记
3. HTML 标记不是我们自己定义的[不是自己创建的]，而是 html 语法规范预先定义好的一组元素。
   我们学习 html 的主要部分也就是这些预先定义好的标记元素。
   Html 的基本结构
4. Html 通过 3 个主要的标记将整个 html 文件分割成 2 个主要部分。
5. html 标记[]
   表示整个 html 文件，所有需要的元素都要放在这个元素之中才有效。
6. head 标记[]
   表示 html 文件的头。head 标记中定义声明的元素都是给浏览器执行html提供附加信息。 head 标记中除过标题[]以外，其他的元素都是对用户不可见。
7. body 标记[]
   表示 html 文件的身体。body 标记中定义声明的元素都将为用户呈现其对应的
   效果。

html 文件中的默认标记

1. –html 声明,指定html语法规范的版本,有助于浏览器中正确显示 页.

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

上面的 html 声明都是 html5 语法规范的版本
html4 规范版本的语法声明

2.html 标记[]
表示整个 html 文件，所有需要的元素都要放在这个元素之中才有效。
3. head 标记[]
表示 html 文件的头。head 标记中定义声明的元素都是给浏览器执行html提供附加信息。 head 标记中除过标题[

—浏览器提供 页的字符编码为“utf-8”。 5.title 标记–设置 页标题