什么是HTML?
- 超文本标记语言
- 它负责网页三要素中的结构
- 使用标签的形式来标识网页中的不同组成部分
- 所谓超文本值得是超链接,使用超链接可以让我们从一个页面跳转到另一个页面
标准格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
- HTML4声明方式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
- HTML5声明方式
<!DOCTYPE html>
- XHTML声明方式
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 如果不写文档声明,则会导致有些浏览器进入怪异模式,浏览器解析页面无法正常显示
- <html>是根标签
- <head>标签用来设置网页的头部信息
- <body>用来设置网页的主体内容
- <title>中的内容会显示在网页标题栏
- 搜索引擎在检索页面使会首先检索title中的内容
- 它是网页中对于搜索引擎来说最重要的内容
- 会影响到网页在搜索引擎中的排名
- <meta charset=“UTF-8”>是字符集声明
html注释
- <!–注释的内容–>
- 不会在页面中显示,可在源码中查看
- 便于自己或其他开发人员的阅读
- 要养成良好的注释习惯,并且注释要简单明了
标签的属性
- 可以通过属性来处理标签的内容
- 可以在开始标签中添加属性
- 属性名 = “属性值”
- 一个标签中可以同时设置多个属性,属性之间需要使用空格隔开
进制
- 满几进一
- 二进制
- 0 1
- 10 11 100 101 110 111…
- 十进制
- 0 1 2 3 4 5 6 7 8 9
- 10 11 12…
- 十六进制
- 0 1 2 3 4 5 6 7 8 9 A B C D E F
- 10 11 12…19 1A 1B 1C
- 八进制
- 0 1 2 3 4 5 6 7
- 10 11 12 …16 17 20 21…
乱码问题
乱码出现的原因
- 计算机在底层只认识0和1
- 在计算机中保存的任何内容,最终都需要转换为二进制编码,包括网页中的内容
- 在读取内容时,需要将二进制编码再转换为正确的内容
- 编码
- 解码
- 字符集
- 编码和解码采用的规则,我们称为字符集
- ASCII
- ISO-8859-1
- GBK
- GB2312
- UTF-8
- ANSI
- 等
- 产生乱码的根本原因是,编码和解码采用的字符集不同
- 在中文系统的浏览器中,默认都是使用GB2312进行解码的
解决方法
<meta charset="UTF-8">