body和head标签

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

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>

css html button image 程序

0 人点赞