<html>
<head>
<title>我的第一个 HTML 页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>
显示结果如下
一、文档结构
1.<html>标签限定了文档的开始点和结束点。
2.<head>标签定义了标签用于定义文档的头部,它是所有头部元素的容器。
3.<body>标签定义了文档的主题。
二、头部标签
1.<title>定义了文档的标题,该标题将显示在浏览器的标题中,收藏夹和搜索页面使用其作为标题
2.<base>描述了页面中的所有超链接的默认地址和默认目标。有两个关键属性:注意属性的值要用双引号圈起来
- href
- target
<base href="https://blog.csdn.net/duan_2018/" />
<base target="_blank" />
3.<link>通常用来说明css文档
<link rel="stylesheet" type="text/css" href="theme.css" />
4.<meta>用来描述文档的元信息
其中的值有,内容content,需要关联到http协议的http-equiv,还有名称name。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
gb2312就是简体中文
5.<script>用来定义javascript脚本
<head>
<script type="text/javascript">
document.write("Hello World!")
</script>
</head>
打印一个hello world
6.<style>标签用于为 HTML 文档定义样式信息。type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>