HTML基础(二)——认识HTML


基本结构

代码如下(基本结构):
<!DOCTYPE html>
<html lang="en">
	<head>
   		 <meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
   		 <title>Document</title>
	</head>
	<body>
	
	</body>
</html>

一、说明

html

作用:告诉浏览器这是一个网页,也就是说明这是一个HTML文档
注意:其他所有标签必须在html标签里面

head

作用:用于给网站添加一些配置信息
包含小标题、图标、一些css外部文件,浏览器适配相关内容等
注意:写在这里面的内容不会显示给用户看

title

作用:指定网站的标题

body

作用:用于定义网页中需要显示给用户查看的内容
注意:要显示的一定写在这里面。虽然其他地方也可以显示,但是会出问题,一个文件只有一对body

meta

指定当前网的字符集

为什么出现乱码现象?

编写网页时,没有指定字符集

解决办法

在head标签中添加
   		 <meta charset="UTF-8/GB2312">
Utf-8/GBK(GB2312)两个都是指字符集
前者存储了世界上所有的文字,体积大;后者存储相对较少,仅仅存储了汉字和一些常用的外文,体积小。与运行时间有关,体积小的一般就运行快

什么是字符集?

字符集就是字符的集合,也就是很多字符堆在一起 注意:在HTML文件中指定的字符集一定要和保存这个文件的字符集一致,否则出现乱码。
假如你用TXT写的代码指定的字符集是utf-8但是保存这个文件的TXT默认是使用GB2312那么打开就是乱码。可以另存为一个新的文件,将默认字符集修改为自己指定的

如图所示:

在这里插入图片描述


二、DTD

什么是DTD文档声明

由于HTML有很多版本规范,每个版本有差异,所以为了让浏览器能够正常的编译解析渲染网页,就要找第一行告诉浏览器,当前是用那个一个版本写的。
格式
   <!DOCTYPE html>
这不是HTML标签,不分大小写,必须在第一行
写不写,浏览器都可以执行,浏览器自己有一套机制执行,写了只是更好识别。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值