资讯专栏INFORMATION COLUMN

HTML简介

Rango / 1207人阅读

摘要:元素的组成元素的组成元素由标签嵌套内容组成,元素可以嵌套。我们来看下一个简单的元素我是一个段落在这里,和便是标签了。小结小结本文简单介绍了一下的作用和元素的组成部分,以及如何更好地使用,即语义化。

目录

  • HTML是什么
  • HTML元素的组成
  • 块级元素和行内元素
  • 一段简单的HTML示例
  • HTML语义化
  • HTML是标记语言,非编程语言
  • 小结

刚进入前端领域,最先听到的名词估计就是 HTML,写几行 HTML,打开浏览器,就能立马看到效果,前端所见即所得,这也是它的迷人之处,那 HTML 到底是什么呢?它有什么规则,它发挥着什么作用?

HTML是什么

HTML 的全称是超文本标记语言(HyperText Markup Language),它不是编程语言,而是标记语言。HTML 通过标签来描述网页,打开电脑的记事本,写一段 HTML,保存为 .html 的文件,双击用浏览器打开,就能立马看到渲染完成的网页。HTML 是前端的骨架,如果类比一座房子,HTML 就是砖瓦,钢筋混泥土。它包含了网页的标题、段落、图片和视频等元素。在 Chrome 中右键检查我们浏览的任何一个网站,在 Elements 栏下,我们可以看到各式各样的 HTML 标签,就是它们 ,构成了我们浏览的网页的基石。

HTML元素的组成

HTML 元素由标签嵌套内容组成,HTML 元素可以嵌套。我们来看下一个简单的 HTML 元素:

我是一个段落

在这里,

便是标签了。标签是由尖括号(<>)包含关键词(p),标签包括了开始标签和结束标签,在上面的例子中,

就是开始标签,

即结束标签,它们是一对,所以标签通常是成对出现的。

在一些 HTML 元素中,它们不需要包含内容,上面的“我是一个段落” 就是 p 标签的内容部分。不需要包含内容的 HTML 元素称为空元素,空元素只有开始标签,没有结束标签,比如

(语义元素使用示例)

语义元素的名称其实也很好理解,下面是它们的作用和用法:

  • 标签通常放在页面或页面某个区域的顶部,用来设置页眉;
  • 标签中的内容比较独立,可以是一篇新闻报道,一篇博客,它可以独立于页面的其他内容进行阅读;
  • 标签表示页面中的一个区域,通常对页面进行分块或对内容进行分段,
    标签和
    标签可以互相嵌套;
  • > 标签用来表示除页面主要内容之外的内容,比如侧边栏;
  • > 标签位于页面或页面某个区域的底部,用来设置页脚,通常包含版权信息,联系方式等。

HTML是标记语言,非编程语言

但凡被认定为计算机语言的程序,都包含了三种基本结构:顺序机构,选择结构和循环结构。这三种结构的基本运行要求都是从第一行一直运行到最后一行,也就是程序从头到尾运行。三种结构都是只有一个入口和一个出口,并且三种结构内都不存在死循环。从计算机语言这个特征来看,HTML并不存在以上三种结构,程序一律都是以标记的形式出现,可可以不止一个入口,也可以没有程序的出口。

小结

本文简单介绍了一下 HTML 的作用和 HTML 元素的组成部分,以及如何更好地使用 HTML,即语义化。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1192.html

相关文章

  • 前端技术之_CSS详解第一天

    摘要:前端技术之详解第一天一部分略。。。。中国主要城市北京上海广州美国主要城市纽约洛杉矶华盛顿西雅图在浏览器中,默认是不会增加任何的效果改变的,但是语义变了,中的所有元素是一个小区域。前端技术之_CSS详解第一天一html部分略。。。。二、列表列表有3种2.1 无序列表无序列表,用来表示一个列表的语义,并且每个项目和每个项目之间,是不分先后的。ul就是英语unordered list,无序列表的意...

    番茄西红柿 评论0 收藏0
  • HTML简介

    摘要:教程标准超文本标记语言英语,简称是一种用于创建网页的标准标记语言。版本从初期的网络诞生后,已经出现了许多版本版本发布时间声明声明有助于浏览器中正确显示网页。声明是不区分大小写的,以下方式均可通用声明查看完整网页声明类型参考手册。HTML 教程- (HTML5 标准) 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...

    cncoder 评论0 收藏0
  • 大前端2018现在上车还还得及么

    摘要:面向对象三大特征继承性多态性封装性接口。第五阶段封装一个属于自己的框架框架封装基础事件流冒泡捕获事件对象事件框架选择框架。核心模块和对象全局对象,,,事件驱动,事件发射器加密解密,路径操作,序列化和反序列化文件流操作服务端与客户端。 第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对...

    stormgens 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<