后端码农谈前端（HTML篇）第一课：HTML概述
教程管理员 发布于2023-10-02 14:06 HTML教程 178
一、什么是HTML？
HTML不是编程语言，是用来描述网页文档（页面结构）的一种标记语言；
HTML指超文本标记语言（Hyper Text Markup Language），之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。；
HTML规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器 （IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。
二、HTML是什么样的？
简单地来说，HTML的语法就是给文本加上表明文本含义的标签(Tag)，让用户（人或程序）能对文本得到更好的理解。
下面是一个最简单的HTML文档：
<html>
<head>
<title>第一个Html文档</title>
</head>
<body>
欢迎访问<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>!
</body>
</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://hanzhaoxin.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 分类: [07]Web前端本文转自韩兆新博客博客园博客，原文链接：http://www.cnblogs.com/hanzhaoxin/p/4324436.html，如需转载请自行联系原作者
- 上一篇：HTML常用标签
- 下一篇：学习HTML笔记10
相关推荐
- 03-20 橙色极简几何风开学第一课Office PPT免费模板背景素材下载
- 03-14 欢迎新同学——开学季小学生开学第一课ppt课件模板
- 03-05 解释系主任给你上的职场第一课《职场解释系》读书笔记Office PPT免费模板背景素材下载
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序，Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 10-04 如何关闭Struts2的webconsole.html
- 10-04 《HTML5 开发实例大全》——1.4 使用CSS修饰HTML 5页面
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-
