百搜论坛欢迎您的加入!
adimg adimg
 
昨日:篇  今日:篇   总帖:篇   会员:
博主最大Lv63   
html文件基本结构介绍     

一个HTML文件的基本结构如下:

1

2

3

4

<html>

<head>...</head>

<body>...</body>

</html>

代码讲解如下:

1、<html></html>称之为根标签,所有的网页标签都是在它们中间的。

2、<head></head>标签用于定义文档的头部,它是头部元素的容器。头部元素包含有<title>、<style>、<scipt>、<link>、<meta>等标签。

3、在<body>和<body>标签之间的内容是网页的主体内容,如:<h1>、<span>、<a>、<img>、<p>等网页内容标签,在这里的标签中的内容会在浏览器中展示。

(推荐教程:html入门教程

整体代码如下展示:

1

2

3

4

5

6

7

8

9

10

11

12

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

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

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

    <title>认识html文件基本结构</title>

</head>

<body>

    <h1>html文件的基本结构包含&lt;html&gt;&lt;/html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;</h1>

</body>

</html>

浏览器展示效果:

807101ed6fc5337a5ea8c4a06ce989e.png

更多编程相关内容,请关注php中文网编程入门栏目!

以上就是html文件基本结构介绍的详细内容

 0  已被阅读了1006次  楼主 2020-06-22 12:21:11
回复列表

回复:html文件基本结构介绍

联系站长 友链申请桂ICP备19000949号-1     桂ICP备19000949号-1
您的IP:18.191.212.199,2024-05-04 13:48:58,Processed in 0.01849 second(s).
免责声明: 本网不承担任何由内容提供商提供的信息所引起的争议和法律责任。
Powered by HadSky 7.12.9
已有0次打赏
(0) 分享
分享
取消
免责声明
1、本站资源,均来自网络,版权归原作者,所有资源和文章仅限用于学习和研究目的 。
2、不得用于商业或非法用途,否则,一切责任由该用户承担 !
如果觉得本文还不错请点个赞或者打赏点轻币哦~
拒绝伸手党,拿走请回复,尊重楼主,尊重你我他~

侵权删除请致信 E-Mail:207882320@qq.com