html文件基本结构介绍

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

html文件基本结构介绍

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

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

整体代码如下展示:

<!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>
登录后复制

浏览器展示效果:

更多编程相关内容,请关注9543建站博客编程入门栏目!

以上就是html文件基本结构介绍的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:HTML5加载时的等待动画效果制作
下一篇:uniapp 开发app有哪些坑

发表评论

关闭广告
关闭广告