HEML的初步了解

大家好，我是讯享网，很高兴认识大家。

目的

1 理解

HTML 的概念

HTML 的标签的分类

HTML标签之间的关系

HTML标签的语义化

2 应用

HTML股价格式化

sublime基本使用

A：HTML初识

*HTML指的是超文本标记语言（Hyper Text Markup Language）是用来描述网页的一种语言。

*HTML不是一种编程语言，而是一种标记语言（markup language）

*标记语言是一套标签（markup tag）

html的作用

网页是由网页元素组成的，这些元素是利用HTML标签描述出来，然后通过浏览器进行解析，就可以显示给用户了。

超文本的两层含义：

1.因为它可以加入图片，声音，动画和多为提内容（超越文本限制）

2.不仅如此，它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）

<img src="time.jpg"/>

讯享网

门外汉看到的网页界面

讯享网

我们要做的HTML 界面

HTML总结

*HTML是超文本标记（标签）语言

*我们学习HTML主要学习HTML标签

*我们用HTML标签描述网页元素。比如图片标签，文字标签，链接标签等等

*标签有自己的语法规范，所有的HTML标签都是使用<>表示的

*学习HTML是一件甜蜜的事情

HTML骨架标签

日常生活的书信，我们要遵循共同的规定。

讯享网

同理：HTML有自己的语言语法骨架格式：（要遵循，要专业）务必要求非常流畅的默写下来。

<html> <head> <title></title> </head> <body> </body> </html>

html骨架标签的总结

标签名	定义	说明
	html标签	页面中最大的标签，我们成为根标签
>	文档的头部	注意在head标签中我们必须设置的标签是title
	文档的标签	让页面拥有一个属于自己的网页标签
	文档的主体	元素包含文档的所有内容，页面内容，基本都是放到body里面的

我的第一个HTML页面。

1，新建一个01–HTML骨架标签的TXT文件。

2，里面写入刚才的HTML骨架。

3，把后缀名改为HTML。

4，右击–谷歌浏览器打开

讯享网<html> <head> <title>我的第一个页面</title> </head> <body> 你我之间 学习Java 月薪过万 一飞冲天 </body> </html>

团队约定大小写

HTML标签名，类名，标签属性和大部分属性值统一小写

HTML元素标签分类

HTML标签关系

主要针对双标签的相互关系分为两种：请大家务必记住这种标签关系，因为后面我们标签的嵌套特别多，很容易搞混他们之间的关系。

1.嵌套关系

讯享网<head> <title> </title> </head>

2.并列关系

<head></head> <body></body>

倡议

HTML双标签可以分为有一种父子级包含关系的标签一种兄弟级并列关系的标签

代码开发工具

*为了提高我们的开发效率

*减少代码的出错我们不提倡用记事本开发，我们有更好的犀利且强大哥。

Dreamweaver

SublimeText

WebStorm

HBuilder

讯享网

VScode

文档类型

用法

<!DOCTYPE HTML>

作用：

声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种HTML或者xhtml规范。说出他们

就是告诉浏览器按照HTML5 的规范解析页面。团队约定：

讯享网HTML文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明

页面语言lang

<html lang="en"> 指定HTML语言种类

最常见的两个：

1.en 定义为英语

2.zh-CN定义为中文

一句话说出他们：

讯享网<html lang="zh-CN">  指定该html标签 内容 所用的语言为中文

团队约定：

考虑浏览器和操作系统的兼容性，目前仍然使用zh-CN的属性值

扩展学习

简单来说，可能对于程序来说没有太大的作用，但是它可以告诉浏览器，搜索引擎，一些处理HTML的程序对页面的语言内容来做一些对应的处理或者事情。

比如可以：

*根据lang属性来设定不同语言的css样式，或者字体

*告诉搜索引擎做精确的识别

*让语法检查程序作语言识别

*帮助翻译工具做识别

*帮助网页阅读程序作识别等等

5. 字符集

讯享网<meta charset="UTF-8" />

字符集(Character set)是多个字符的集合。 计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。

utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。

gb2312 简单中文包括6763个汉字 GUO BIAO
BIG5 繁体中文港澳台等用
GBK包含全部中文字符是GB2312的扩展，加入对繁体字的支持，兼容GB2312
UTF-8则基本包含全世界所有国家需要用到的字符
这句代码非常关键，是必须要写的代码，否则可能引起乱码的情况。

一句话:

这句话是让 html 文件是以 UTF-8 编码保存的，浏览器根据编码去解码对应的html内容。