首页前端开发JavaScripthtml文件基本结构介绍

html文件基本结构介绍

时间2024-01-29 07:22:03发布访客分类JavaScript浏览852
导读:收集整理的这篇文章主要介绍了html文件基本结构介绍,觉得挺不错的,现在分享给大家,也给大家做个参考。一个HTML文件的基本结构如下:<html><head>...</head><body>....
收集整理的这篇文章主要介绍了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>
    

浏览器展示效果:

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

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: html文件基本结构介绍
本文地址: https://pptw.com/jishu/590774.html
HTML的删除线用什么标签 HTML的标签作用

游客 回复需填写必要信息