01 初识HTML

#1.HTML初识
-    HTML指的是超文本标记语言
-    不是编程语言，是标记语言
-    是一套标记标签
总结
html 是超文本标记(标签)语言
* 我们学习html 主要学习html标签
* 我们用html标签描述网页元素。比如图片标签、文字标签、链接标签等等
* 标签有自己的语法规范，所有的html标签都是用 <> 表示的

**所谓超文本，有2层含义：**

1. 因为它可以加入图片、声音、动画、多媒体等内容
2. 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接

##1.1html骨架

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

标签名字            定义            说明
<html></html>   HTML标签        页面最大标签，根抱歉
<head></head>    文档的头部    注意head标签中必须要设置的标签是title
<title></title> 文档的标题    让页面拥有一个属于自己的网页标题
<body></body>    文档的主题   包含文档所有页面，页面内容基本都是在body里的

约定俗称
HTML标签、类名、标签熟悉和大部分属性值统一小写

##1.2HTML元素标签分类
1.常规元素(双标签)

开始标签与结束标签

<标签名>内容</标签名>
<body>我是文字</body>

2.元素（单标签）

<标签名 /> 比如 <br />

## 1.3 HTML标签关系 ##

1.嵌套关系

    <head>
        <title></title>
    </head>

2.并列关系

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

#2.0文档类型与页面语言#
<!DOCTYPE> 声明位于文档中的前面位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。
<!DOCTYPE html>  就是告诉浏览器按照HTML5 规范解析页面.

    <html lang="en">指定html 语言种类
    en 英文
    zh-CN 中文

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

    <meta charset="UTF-8">

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

# html语义化 #
先确定语义再确定样式

猜你喜欢