晓你所晓,得你所得

什么是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规定;
  • 属性值:用双引号引起来;