基本结构
<html>
<head></head>
<body>
我的第一个页面
</body>
</html>
文档声明
<!-- 文档声明 写在html最上面,告诉浏览器我是按照html的规范来编写代码的
浏览器你也要按照规范给我编译,以免代码编译陷入怪异模式,出现乱码
-->
<!doctype html>
常用标签
- title:网页的标题标签,重要意义是帮助推广和搜索
- meta:可以存一些元信息,帮助浏览器编译,在这里可以设置字符编码
- h1 - h6:标题标签,从1到6,显示效果逐渐变细变小
- <p></p>:段落标签
- <strong></strong>:强调标签,字体加黑加粗
- <em></em>:强调标签,字体倾斜
- <br>:换行
- <del></del>:删除线
- <center></center>:居中显示
- div:无特殊含义,块标签
- <q></q>:加双引号
img标签
可以向网页中嵌入图片,通过src属性指定图片路径。width、height指定图片宽高
实体
在编写网页的时候,有一些字符我们是没有办法打出来的,例如空格、大于号、小于号等这些字符已经提前被编译器或者浏览器征用,我们不能正常使用,我们要用一些额外的字符来代替这些额外的字符就叫实体
例如:
空格
大于号 >
小于号 <
版权符号 ©️ ©
完整网页结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- 以下代码是响应式开发相关的配置 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body></body>
</html>