html是最基础的网页开发语言,它由标签组成。html是标记语言不是编程语言,
hrml文件以.html结尾。
- 标签
html中标签通常是成对出现,开始标签与结束标签。
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
<h1>html简介</h1>
<p>html是一种超文本标记语言,主要用来编写网页的布局</p>
</body>
</html>
- html标签
网页中的内容都包含在html标签中- head标签
不会显示在网页中,它负责给浏览器或搜索引擎解析网页- title标签
它用来设置网页的标题,搜索引擎通过网页的标题判断网站的主要内容
- title标签
- body标签
它代表网页的主体,所有可见的内容都应该写在里面
- head标签
- 自结束标签。
有两种写法<br>、<input>、<img> //推荐使用
<br />、<input />、<img />
- html注释
<!-- html注释写法 -->
- 标签属性
属性用来设置标签中的内容如何显示
只能在开始标签中设置属性
属性以名值对出现
标签与属性之间用空格分隔
一个标签中可以有多个属性
有的属性有属性值,有的没有。属性值必须添加引号,要么单引号,要么双引号<p>html的标签可以设置<font color="red">属性</font>,属性只能放在开始标签中</p>
- 文档声明
必须写在文档开头,用于告诉浏览器html文件版本<!DOCTYPE html> <!-- html5文档声明 -->
- 字符编码
计算机使用二进制存储信息。
编码:将字符转换成二进制的过程
解码:将二进制转换成字符的过程
字符集(Charset):
编码与解码所采用的规则称为字符集
常用的编码:-
ASCII
最早的编码,美国使用。只有128位 -
ISO88591
欧洲国家,ascii扩充而成。有256位 -
GB2312
中国的字符集,ascii扩充而成 -
GBK
中国的字符集,GB2312扩充 -
UTF-8
万国码,包含世界上的所有的语言
开发中尽量使用utf-8编码
-
- 设置编码
在meta标签中设置字符集编码
meta标签:用来设置网页的元数据。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>设置编码</title> </head> <body> <p>告诉浏览器以什么字符集读取文件,避免内容乱码</p> </body> </html>
- 实体
html中输入多个空格,最终只会显示一个
由于<>用来代表一个标签,我们想输入数学比较 a<b>c 就会出现错误:ac
所以我们不能直接进行书写特殊符号
实体的写法:- 空格
- 小于 <
- 大于 >
- 版权符号 ©
- meta标签
常用属性- Charset 设置网页的字符编码
- name 设置数据的名称
数据的名称有:- keywords 网站关键字,用于搜索引擎爬取,用于seo优化
- description 网站描述,用于搜索引擎爬取,用于seo优化
- content 设置数据的内容
例如:百度贴吧网站
搜索关键词“百度贴吧”,出现以下内容<meta name="keywords" content="贴吧,百度贴吧,论坛,兴趣,社区,BBS"/> <meta name="description" content="百度贴吧——全球最大的中文社区。贴吧的使命是让志同道合的人相聚。不论是大众话题还是小众话题,都能精准地聚集大批同好网友,展示自我风采,结交知音,搭建别具特色的“兴趣主题“互动平台。贴吧目录涵盖游戏、地区、文学、动漫、娱乐明星、生活、体育、电脑数码等方方面面,是全球最大的中文交流平台,它为人们提供一个表达和交流思想的自由网络空间,并以此汇集志同道合的网友。" />
- http-equiv
设置网页重定向<meta http-equiv="refresh" content="3; url=https://www.baidu.com">