HTML基础教程（html文档的结构标签）
三石哥
2022-10-10 14:53:39
182
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前端开发技术（网站开发常用的开发工具）
- 搜索
- 最新文章
- 热门文章
-
- 快手新人开直播十大技巧是什么？快手新人直播技巧有哪些？
- SEO关键词优化如何提高网站排名？SEO关键词排名提升方法是什么？
- 网站关键词确定方法：精准定位，提高搜索排名
- 如何进行网站头部标签的优化设置？
- 搜索关键词如何让排名靠前？揭秘关键词排名提升方法
- 抖音视频上热门标准是什么？抖音视频上热门条件有哪些？
- 快手点赞对主播有什么好处？快手点赞主播收益是什么？
- 抖音标题如何写？抖音标题写作技巧是什么？
- 如何优化网站图片以提升主题相关性（掌握图片优化技巧）
- 网站标题优化技巧：提升搜索排名，吸引更多流量
- 如何进行网站图片优化（优化网站图片的好处和具体方法）
- 快手播放量1000代表什么？快手播放量1000意义是什么？
- 抖音直播带货佣金如何计算？抖音直播带货佣金模式是什么？
- 如何优化网站排名以提升流量？揭秘网站排名提升的五大策略
- SEO作弊和惩罚分析是什么？SEO作弊惩罚机制是什么？
- 网站图片优化对排名的影响（如何通过图片优化提高网站排名）
- SEO引流如何做效果更好？SEO引流技巧有哪些？
- 抖音与快手流量对比分析：谁更胜一筹？
- 快手评论如何发图片？快手评论图片发布方法详解
- 抖音在线状态不显示问题解决方法（探究在线状态显示时间）
- 热门tag
