博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
后端码农谈前端(HTML篇)第一课:HTML概述
阅读量:6635 次
发布时间:2019-06-25

本文共 1613 字,大约阅读时间需要 5 分钟。

一、什么是HTML?

HTML不是编程语言,是用来描述网页文档(页面结构)的一种标记语言;

HTML指超文本标记语言(Hyper Text Markup Language),之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。;

HTML规定了自己的语法规则,用来表示比“文本”更丰富的意义,比如图片,表格,链接等。浏览器 (IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。

二、HTML是什么样的?

简单地来说,HTML的语法就是给文本加上表明文本含义的标签(Tag),让用户(人或程序)能对文本得到更好的理解。

下面是一个最简单的HTML文档:

 
 
第一个Html文档
 
 
欢迎访问我的博客!
 
 
 

所有的HTML文档都应该有一个<html>元素,<html>元素可以包含两个部分:<head>和<body>。

<head>元素用于包含整个文档的一般信息,比如文档的标题(<title>元素用于包含标题),对整个文档的描述,文档的关键字等等。

文档的具体内容就要放在<body>元素里。<a>元素用于表示链接,在浏览器(如IE,Firefox等)中查看HTML文档时,点击<a>标签括起来的内容时, 通常会跳转到另一个页面。这个要跳转到的页面的地址由<a>元素的href属性指定。上面的<a href=http://hanzhaoxin.cnblogs.com/>中,href属性的值就是http://hanzhaoxin.cnblogs.com/。

三、HTML文档可以包含哪些内容 ?

通过不同的标签,HTML文档可以包含不同的内容,比如文本,链接,图片,列表,表格,表单,框架等。 

  • 文本 :HTML对文本的支持是最丰富的,你可以设置不同级别的标题,分段和换行,可以指定文本的语义和外观,可以说明文本是引用自其它的地方,等等等等。 
  • 链接 :链接用来指出内容与另一个页面或当前页面某个地方有关。 
  • 图片 :图片用于使页面更加美观,或提供更多的信息。 
  • 列表 :列表用于说明一系列条目是彼此相关的。 
  • 表格 :表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。 
  • 表单 :表单通常由文本输入框,按钮,多选框,单选框,下拉列表等组成,使HTML页面更有交互性。 
  • 框架 :框架使页面里能包含其它的页面。 

四、对于HTML我会说哪些概念?

文档:HTML文档俗称网页。

标签:用尖括号包围的关键词我们成为标签。通常HTML标签成对出现,如:<a>、</a>。

  • 开始标签:标签对中的第一个标签是开始标签,也成为开放标签。如<a>。
  • 结束标签:标签对中的第二个标签是结束标签,也成为闭合标签。如</a>。

元素:我们把匹配的标签对以及它们包围的内容称为元素。即(元素 = 开始标签 + 内容 + 结束标签)。如:<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>。

  • 块级元素:在浏览器默认显示时以新行来开始(和结束)的元素。
  • 内联元素:又称行内元素,在浏览器默认显示时在同一行按从左至右顺序显示,不单独占一行的元素。

属性:开始标签中那些以名称/值对的形式出现的内容,我们称之为属性。如上例中:href="http://hanzhaoxin.cnblogs.com/"。(href是属性名称,"http://hanzhaoxin.cnblogs.com/"是属性值)。

作者:
出处:
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
分类: 
本文转自韩兆新博客博客园博客,原文链接:http://www.cnblogs.com/hanzhaoxin/p/4324436.html,如需转载请自行联系原作者
你可能感兴趣的文章
SonarQube Swift 1.5.1 发布
查看>>
苹果、三星出言安抚用户:CIA 攻击工具威胁不大
查看>>
《21世纪机器人》一一2.7 货物搬运工晨明号:重启前1小时
查看>>
《编写高质量代码:改善c程序代码的125个建议》——建议8-2:慎用extern声明外部变量...
查看>>
《低功耗蓝牙开发权威指南》——2.8节模块化架构
查看>>
《数据分析实战:基于EXCEL和SPSS系列工具的实践》一第2章
查看>>
【PMP认证考试之个人总结】第 6 章 项目成本管理
查看>>
hashCode()方法的性能优化
查看>>
《Redis官方教程》-Redis安全
查看>>
Linux性能优化3.2 Linux性能工具:CPU与内存
查看>>
演讲实录丨汤劲松 Quanergy固态激光雷达与智能驾驶感知技术的开发
查看>>
Java核心技术卷I基础知识3.10.6 多维数组
查看>>
JAVA语言规范-线程和锁章节之同步、等待和通知
查看>>
《万物互联》——1.6 物联网有多么重要
查看>>
Apache Storm 官方文档 —— 命令行操作
查看>>
《怦然心动——情感化交互设计指南(修订版)》一第1章 为什么要让交互诱人...
查看>>
《UML面向对象设计基础》—第2章2.2节面向对象的成熟期
查看>>
Linux内核的内存屏障
查看>>
grep 命令系列:使用 grep 命令来搜索多个单词
查看>>
《JavaScript框架设计》——1.4 类型的判定
查看>>