<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>