HTML5基础——HTML的基本结构

作者: 微学派 | 来源:发表于2016-12-16 19:43 被阅读127次

一、微文概览：

HTML文件的编写方法

开始标签<html>

头部标签<head>

标题标签<title>

主体标签<body>

二、详细介绍

1.1 标签
一个HTML文件中，主要是由标签构成的，那么什么是标签呢？其实很简单，“<>”就是标签，比如：我们想写一个标签，那么格式就是：
<标签名>，这就是一个HTML的一个标签，但要注意的是，其中标签名是HTML语言指定的标签名称，我们不能随意编写。
1.2 标签的两种写法
在HTML文件中，我们还要注意，标签可以有两种写法：
第1种是双标签，及标签成对出现，有头有尾，比如：
<标签名>元素</标签名>，其中，尾标签要区别于头标签，所以在标签名前有个“/”，两个标签中的元素，就是我们在使用标签时，给元素设置的内容，后面会进行详细介绍。
第2种是单标签，其格式为：</单标签名>，注意在标签名前有个“/”。

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

<html>
        网页内容
</html>

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

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

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

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

效果展示：

title.png

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

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

效果展示：

body.png

本文标题：HTML5基础——HTML的基本结构

本文链接：https://www.haomeiwen.com/subject/yitomttx.html