• 技术文章 >web前端 >html教程

    html文件基本结构介绍

    王林王林2020-02-18 18:28:19转载1259

    一个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>

    浏览器展示效果:

    807101ed6fc5337a5ea8c4a06ce989e.png

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

    以上就是html文件基本结构介绍的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:博客园,如有侵犯,请联系admin@php.cn删除
    专题推荐:html 基本结构
    上一篇:html块级、行级元素介绍 下一篇:html实现自定义图片上传按钮
    千万级数据并发解决方案

    相关文章推荐

    • html自适应屏幕代码是什么?• 使用html+css+js实现计算器• html实现网页标题栏添加图标• html块级、行级元素介绍
    1/1

    PHP中文网

    、】等。","pubDate": "2020-02-18T18:28:19","upDate": "2020-02-18T18:28:19","data": {"WebPage": {"headline": "html文件基本结构介绍","wapUrl": "//m.m.sbmmt.com/article/443007.html","pcUrl": "//m.sbmmt.com/m/div-tutorial-443007.html","fromSrc": "php中文网","domain": "电子科技","category": ["问答"],"isDeleted": 0},"Question": [{"acceptedAnswer":"本文来自html入门教程栏目,文中详细为大家介绍了html文件的基本结构,希望可以帮助到大家。html文件的基本构成有:【、
    、】等。"}],"ImageObject": [{"contentUrl": "//m.sbmmt.com/img/upload/article/000/000/041/5e4bba6a4aa5b689.jpg","scale": "5:2"}],"Author": [{"name": "php中文网","jobTitle": ["php公益学习平台"],"headPortrait": "https://img.php.cn/upload/article/000/000/003/5d1b23156bf94358.png"}]}}