html学习之路(零)- 简单介绍

概述

  HTML,即Hytype Text Markup Languge(超文本标记语言),是一门用来开发网页的标准标记语言。后缀名,一般以htm或html命名,前者是为了兼容32位操作系统,后者则更具通用性。1999年,在W3C主导下,HTML4.0.1版本出现,网页表现极富精彩。

元素

由一对标签组合而成的块,称之为元素,一个简单的示例如下:

Hello,world!

一般来说,元素包含开始标签丶结束标签丶元素属性和元素内容:

开始标签 存在于元素的头部,如

闭合标签 存在于元素的尾部,与开始标签不同的是,多了一个斜杠表示闭合,如

元素属性 在开始标签内以键值对存在,如class="article-title";

元素内容 则是在开始标签和闭合标签中间的内容,如Hello,world

html元素

当然,并不是所有元素都包含上述成分。

有的元素,如h1元素有开始标签和闭合标签,这样的标签称之为双标签;

HTML

而有的标签没有闭合标签,也就没有元素内容,如img元素,这样的标签称之为单标签;

    

结构

在一个HTML文档中,以元素表现内容,元素之间,相互嵌套,以树状结构组成网页,一个典型的HTML结构如图所示。


html结构

第一行为文档类型声明,规定了应该以哪种模式渲染文档,或着说该文档使用了HTML的哪个版本。

    
                                                                               

html元素称为根元素,包含了head元素(头部)和body元素(主体)。

head元素包含了文档元信息,如编码,标题,SEO关键词等,这部分信息并不会显示在浏览器页面上;

                   
          
          绝弹小站

body元素是文档的主体,这里的内容,就是我们在浏览器页面上所能看到的内容。

                   
        

路在脚下,行在自我,我只是选择了前进的方向,并没有决定路途的终点。

结语

  在学习了HTML的基本概念后,接下来的学习,会从两个部分学习HTML的标签及其属性。第一个部分,头部部分,即Head元素内常用到的标签,了解更多文档相关的元信息。第二部分,主体部分,即Body元素内常用到的标签,学习如何表现内容和塑造语义化文档结构。

你可能感兴趣的:(html学习之路(零)- 简单介绍)