HTML5基础——HTML的基本结构

一、微文概览:

  1. HTML文件的编写方法
  2. 开始标签<html>
  3. 头部标签<head>
  4. 标题标签<title>
  5. 主体标签<body>

二、详细介绍

1.HTML文件的编写方法

  • 1.1 标签
    一个HTML文件中,主要是由标签构成的,那么什么是标签呢?其实很简单,“<>”就是标签,比如:我们想写一个标签,那么格式就是:
    <标签名>,这就是一个HTML的一个标签,但要注意的是,其中标签名是HTML语言指定的标签名称,我们不能随意编写。

  • 1.2 标签的两种写法
    在HTML文件中,我们还要注意,标签可以有两种写法:
    第1种是双标签,及标签成对出现,有头有尾,比如:
    <标签名>元素</标签名>,其中,尾标签要区别于头标签,所以在标签名前有个“/”,两个标签中的元素,就是我们在使用标签时,给元素设置的内容,后面会进行详细介绍。
    第2种是单标签,其格式为:</单标签名>,注意在标签名前有个“/”。

2.开始标签<html>

在HTML文件中,一开始出现的标签是<html>或<HTML>,这两个标签功能是一样的,因为HTML语言不区分大小字母写,即大写字母的标签和小写字母标签是一样的。在<html>标签中,显示的是网页内容,写法如下:

<html>
        网页内容
</html>

3.头部标签<head>

此标签位于<html>中,在<html>中分为头部和身体两个部分,写在头部标签的里的内容不被显示在网页中,写法如下:

<html>
        <head>...</head>
</html>

4.标题标签<title>

标题标签位于头部标签中,用来显示网页的标题,写法如下:

<html>
        <head>
                <title>My title</title>
        </head>
</html>

效果展示:

title.png

5.主体标签<body>

在前面介绍过HTML文件分为头部和身体两个部分,那么身体就是<body>标签了,在这个标签中所写的内容,会显示到网页中,写法如下:

<html>
        <head>
               <title>My title</title>
        </head>
        <body>
                My body
        </body>
</html>

效果展示:


body.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,133评论 2 21
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 1,278评论 0 3
  • 1、HTML介绍 1 2、Html和CSS的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户...
    夏沫xx阅读 1,477评论 0 8
  • 脑图复习 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。...
    朝南而行_阅读 12,256评论 1 9
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 1,451评论 0 4