body和head标签

2023-03-21 21:41:12 浏览数 (2)

body和head标签

  • 在一个html页面中 <body><head> 标签是必须有的,且只有一个
  • <head> 中的内容在页面中不显示。head 中可以有meta信息、title信息、资源引入(比如js、css)等代码
  • 网页中显示的内容都是放在<body>中的。比如 <image><div><button><form> 等等

一、代码实战

新建 html 文件 04-body-head.html ,编写下方程序,运行看看效果吧

代码语言:javascript复制
<!DOCTYPE html>
<htmllang="en">

	<!--head标签-->
    <head>
    	<!--字符集一般用 UTF-8-->
        <metacharset="UTF-8"> 
  
        <metahttp-equiv="X-UA-Compatible"content="IE=edge">
        <metaname="viewport"content="width=device-width, initial-scale=1.0">
  
        <!--引入js资源-->
        <scriptsrc=""/> 
  
        <script type="text/javascript">
			//可以编写 JavaScript 脚本
        </script>
  
        <!--网页标题-->
        <title>body head</title> 
    </head>
  
    <!--body标签-->
    <bodystyle="background-color: red;">
        都是写在这里
    </body>
  
</html>

0 人点赞