晓你所晓,得你所得

什么是 HTML?HTML 的介绍

Html 介绍

Html(hyper text markup language) 超文本标记语言。

Html 是一种标准-----w3c

超文本:在文本内容的基础上,添加更加丰富的信息 (如图片,动画,声音等)

标签:< 单词>

  • 表型:每个标签都有一定的表现形式;
  • 表意:每一个标签都有一定的意义;

语言:可以直接被浏览器解析,和程序语言不一样。

什么是HTML?HTML的介绍

Html 的标签分类

双标签:由开始标签和结束标签构成,内容放入开始标签与结束标签之间。

语法:< 标签 属性=」 属性值」>…内容…</标签>

单标签:只有开始标签,没有结束标签,没有内容,在单标签最好要闭合。

语法:< 标签 属性=「属性值」 />

Html 基本骨架结构

<!DOCTYPE HTML>
<html>
    <head>
        <!--  define your metadata here   -->
        <title>web document title</title>
    </head>
</html>

<html> 含义:告诉浏览器,网页的代码用什么格式来解析;

<head> 含义:告诉浏览器网页的汉字用的是什么字符集,使用字符集不正确,就会出现乱码;

  • Gb2312 简体中文----汉字操作系统默认使用
  • Gbk 国标码
  • Utf-8 多国语言
  •  Big5           繁体中文

<title> 含义:便于搜索引擎搜索

<body> 含义: 网站内容

Meta 标签

字符集:电脑只能处理二进制数据, 为了让电脑识别人类语言, 就对每个字母进行编码;
编码:就是让每个字符, 都可以用不同的二进制表示;
常用编码:UTF-8(多国语言) GBK(国标码) gb2312(简体中文)
Meta 标签:描述网页文档属性;
http-equiv:模拟 http 文件头信息, 当内容从服务器端发送到客户端, 告诉浏览器如何正确显示信息;
字符集:<meta http-equiv="content-type" content="text/html";charset="UTF-8" />
网页自动刷新<meta http-equiv="refresh" content="4" /> 间隔时间为 4s 刷新
网页自动跳转<meta http-equiv="refresh" content="8;https://www.xiaodefa.com/" />
网页关键字<mate name="keywords" content="关键字" />
网页描述<mate name="description" content="网页描述信息" />
网页作者<mate name="author" content="作者" />

Html 书写规范

  • Html 不区分大小写,但是 w3c 使用是小写<body>,不推荐<BODY>;
  • Html 如果有标签嵌套,必须要顺序嵌套,不能交叉;
  • 单标签最好要闭合;
  • 属性:每个标签有没有属性,由 w3c 规定;
  • 属性值:用双引号引起来;