HTML基础教程（html文档的结构标签）
三石哥
2022-10-10 14:53:39
209
HTML文档的结构
对于刚刚接触到超文本的朋友来说，最大的障碍就是用“<”和“>”阔起来的句子，我们称之为标签。大多数标签都有自己的属性，属性要写在首标签中，属性用来进一步改变现实的效果。各属性之间为先后次序，属性是可选的。属性也可以省略而使用默认值。格式是这样的<标签名 属性1=属性值 1 属性2=属性值 2 ......>。注意：标签和属性不区分大小写。
html文档结构由三个部分组成。
1.头部
2.标题
3.元标签
<1>大家都学过英语，一定知道头的英语单词是“head”。没错，在html中，我们也使用head来表示文档的头部，即<head>...</head>。头部位于<html>和</html>之间。
例如：<html>
<head>
</head>
</html>
<2>标题用英语怎么说呢？title，其实网页与人一样，网页的眼睛也在头上，在<title>标签对内部放入你想要看到的文字，这样我们就能随意操纵标题栏的内容了。比如：
<html>
<head>
<title>你好啊</title>
</head>
</html>
<3>在<head> 标签的内部还可以嵌套另一个重要的标签：<meta>这个标签，此标签用于描述html页面文档的属性，如作者、日期和时间、网页描述、关键字、页面刷新等。例如：
<meta http-equiv="Content-Type"content="text/html;charset=gb2312">
HTML基础-入门篇
根据W3C网页规范化设计要求，网页应该遵循结构（Structure）、表现（Presentation）和行为（Behavior）的分离。这3种技术简单说明如下。
- 结构：使用HTML、XHTML或者XML语言规范设计的网页标签代码，即网页的结构和内容。
- 表现：使用CSS语言规范设计的网页样式代码，即网页显示效果（或称呈现效果）。
- 行为：使用JavaScript语言和DOM规范设计的网页脚本代码，即网页特效、动画或者互动行为。
在深入网页设计之前，初学者应该先掌握HTML语言，能够熟练使用HTML标签。这对于大部分初学者来说，通过认真阅读本章知识，能够初步达成这个目标。同时纠正初学者不规范的操作习惯，养成良好的、符合标准的手写代码习惯。
HTML
HTML是目前在网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文档是由HTML标签组成的描述性文本，HTML标签可以标识文字、图形、动画、声音、表格、链接等。
HTML与XHTML
- HTML是Hypertext Markup Language的缩写，中文翻译为超文本标识语言。使用HTML标签编写的文档称为HTML文档，目前最新版本是HTML 5.0，使用最广泛的是HTML 4.1版本。
早期版本的HTML语言不适合构建标准化网页，因为它把结构和表现混淆在一起，例 如， HTML把不同类型的元素，如描述性元素color、i等和结构性元素div、table等，以 及元素属性放在一起，为以后的维护和管理埋下隐患。
- XHTML是The Extensible HyperText Markup Language的缩写，中文翻译为可扩展标识语言，实际上它是HTML语言的升级版本，目前遵循的是W3C于2000年1月推荐的XHTML 1.0（参考http://www.w1.org/TR/xhtml1）。XHTML和HTML在语法和标签使用方面差别不大。熟悉HTML语言，再稍加熟悉标准结构和规范，也就熟悉了XHTML语言。XHTML具有如下特点：
用户可以扩展元素，从而扩展功能，但在目前1.0版本下，用户只能够使用固定的预定 义元素，这些元素基本上与HTML 4版本元素相同，但删除了部分属性描述性的元素。
能够与HTML很好地沟通，可以兼容当前不同的网页浏览器，实现XHTML页面的正确 浏览。
HTML语言作用
HTML作为一种网页内容标识语言，易学易懂，熟悉使用该语言可以制作功能强大、美观大方的网页。HTML语言的主要作用说明如下：
- 使用HTMl语言标识文本。
- 使用HTML语言建立超链接，通过超链接可以访问互联网上的所有信息，当使用鼠标单 击超链接时，会自动跳转到链接页面。
- 使用HTML语言创建列表，把信息有序地组织在一起，以方便浏览。
- 使用HTMl语言在网页中显示图像、声音、视频、动画等多媒体信息，把网页设计得更 富冲击力。
- 使用HTML语言可以制作表格，以方便显示大量数据。
- 使用HTML语言制作表单，允许在网页内输入文本信息，执行其他用户操作，方便信息 互动。
HTML文档基本结构
HTML文档一般都应包含两部分：头部区域和主体区域。HTML文档基本结构由3个标签负责组织：<html>、<head>和<body>。其中<html>标签标识HTML文档，<head>标签标识头部区域，而<body>标签标识主体区域。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 3561739510@qq.com 举报，一经查实，本站将立刻删除。
转载请注明来自专注SEO技术,教程,推广 - 8848SEO，本文标题：《HTML基础教程（html文档的结构标签）》
标签：html
- 上一篇： seo能赚钱吗（如何通过seo盈利）
- 下一篇： vue.js前端开发技术（网站开发常用的开发工具）
- 搜索
- 最新文章
- 热门文章
-
- 抖音视频不能出现哪些敏感词？抖音视频敏感词有哪些？
- 提高网站用户体验的10种方法（让用户留下来的有效途径）
- 优化网站设计的十五个技巧
- 如何制定高效的网站内容优化策略（内容更新及外链建设技巧）
- 拼多多与淘宝购物体验：质量与服务的较量
- 社交媒体的SEO优化策略（实现社交媒体平台上的品牌曝光和用户增长）
- 抖音粉丝达到1000需要怎么做？抖音涨粉到1000的方法有哪些？
- 常用于解决读者的疑问，通过问答形式引导读者理解文章内容（掌握5个技巧）
- 如何提升网站文章质量（掌握15个段落技巧）
- 2025年如何从零开始快速运营抖音账号？从零运营抖音账号的步骤是什么？
- 如何优化热门，提高文章曝光率（掌握优化技巧）
- 怎么在拼多多上卖东西？新手拿货技巧有哪些？
- SEO优化技术全解析（从研究到链接建设）
- 在抖音平台上如何增加曝光率？抖音运营有哪些技巧？
- 拼多多与淘宝哪个质量好？哪个平台货更靠谱？
- 抖音小店基本都是赚不到钱的吗？抖音小店赚钱难的原因是什么？
- 抖音短视频如何增加热度？抖音短视频增加热度的方法有哪些？
- 抖音打赏退款主播能退多少？抖音打赏退款比例是多少？
- 抖音小店开户支行怎么填？抖音小店开户支行填写要求是什么？
- 抖音直播有时长要求吗？抖音直播时长要求是什么？
- 热门tag
