HTML文件的基本结构格式

HTML文件的基本结构格式,第1张

首先一开始是需要指定文档类型的,比如图中的!doctype html,就是指定html5的文档类型。

然后就是html标签了,html里面分为head和body二个标签。具体的作用下面来讲。

在head标签里,我们首先关键的是需要指定title,这个就是浏览器标题上显示的网页标题。

然后可以在这里加上style等样式内容,用来美化页面输出的。

在body标签里,就是网页的具体内容了,我们在网页上看到的各种输出,比如表格,表单,图片,视频等内容,都是在这个body里写的代码的。

最外层html双标签,里面分别是头部(head双标签)、身体(body双标签)。

头部html用来包裹整个html文档

head一般用来放诸如meta、link、script等标签。

body用来放各种常用的标签(div,h1-h6,a,p,header,section,script等)。

简树如下:(html5规范)

<!DOCTYPE html>

<html lang="zh-CN">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->

<title>网站标题</title>

<link href="css/min.css" rel="stylesheet">

</head>

<body>

<h1>你好,世界!</h1>

<div>我是你的啥</div>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-type" content="text/htmlcharset = utf-8">

<title>HTML5</title>

<script type="text/javascript" charset = "utf-8">

<!--这个函数将在页面完全加载后调用-->

function pageLoaded()

{

alert('HTML5 页面加载完毕!')

}

</script>

</head>

<body onload="pageLoaded()">

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7026314.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存