html入门教程(一)html文档结构与头部标签。

时间:2022-11-02 12:22:22
<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>

显示结果如下

html入门教程(一)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>