美文网首页Java Web知识程序员
HTML5基础——HTML的基本结构

HTML5基础——HTML的基本结构

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

一、微文概览:

  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

相关文章

  • HTML5基本介绍

    HTML5基本介绍 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...

  • HTML5基础——HTML的基本结构

    一、微文概览: HTML文件的编写方法开始标签 头部标签 标题标签 主体标签 二、详细介绍 1.HTML文件的编写...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • web前端入门进坑,你知道多少!

    新手必打基础HTML4/HTML5/CSS2/CSS3/ES5(原生 js 基本语法)JSON 数据结构网络请求、...

  • HTML5学习笔记 - 前5天

    一、解释什么是HTML、XHTML、CSS? 二、写出HTML5基本结构 三、写出HTML、CSS基本语法 四、写...

  • HTML5

    HTML5基本结构 页面标题 页面内容部分 注意:1.不要在...

  • Web之旅—— HTML基础(7)

    从本节开始,正式进入HTML5的基础知识学习阶段。请准备好电脑和开发环境。 一、初识HTML基本文档结构 一张符合...

  • 带你零基础学习HTML5

    1个HTML5基础入门教程,4个HTML5小项目教程,带你零基础入门学习HTML5。 【HTML5基础入门】 教程...

  • html5 基本结构

  • HTML5常用的标签

    目录: HTML5新结构标签 HTML5新其他标签 HTML5新input类型 HTML5新属性 HTML5高级应...

网友评论

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

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