重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本文小编为大家详细介绍“HTML的
标签有什么作用”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML的标签有什么作用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。创新互联建站是由多位在大型网络公司、广告设计公司的优秀设计人员和策划人员组成的一个具有丰富经验的团队,其中包括网站策划、网页美工、网站程序员、网页设计师、平面广告设计师、网络营销人员及形象策划。承接:网站设计制作、成都网站建设、网站改版、网页设计制作、网站建设与维护、网络推广、数据库开发,以高性价比制作企业网站、行业门户平台等全方位的服务。
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
1、HTML的固定结构
一个HTML文件是有自己固定的结构的。
……代码讲解:
称为根标签,所有的网页标签都在中。
标签用于定义文档的头部,它是所有头部元素的容器。
头部元素有
3、
在
于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独
一无二的title。
例如:
4、标签的用途
我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。
文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使
用 em 标签表示强调等等。
讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢?
① 更容易被搜索引擎收录。
②。更容易让屏幕阅读器读出网页内容。
更多精彩内容微信公众平台:网页设计自学平台
限时!!免费送Dreamweaver、js等前端教程
如需转载,请注明文章出处和来源网址:
HTML 实例
我的第一个段落。
HTML 之简介
实例解析
DOCTYPE 声明了文档类型
位于标签 与 描述了文档类型
位于标签
与 为可视化网页内容位于标签
位于标签
与
作为一个段落显示HTML 之简介
什么是HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
HTML 之简介
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如 和
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
<标签>内容标签>
HTML 元素
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思。
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
HTML 元素:
这是一个段落。
Web 浏览器
Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。
浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:
HTML 之简介
HTML 网页结构
下面是一个可视化的HTML页面结构:
这是一个段落。
这是另外一个段落。
HTML 之简介
HTML版本
从初期的网络诞生后,已经出现了许多HTML版本:
版本
发布时间
HTML
1991
HTML+
1993
HTML 2.0
1995
HTML 3.2
1997
HTML 4.01
1999
XHTML 1.0
2000
HTML5
2012
XHTML5
2013
声明
声明有助于浏览器中正确显示网页。
网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的,以下方式均可:
通用声明
HTML5
HTML 4.01
"">
XHTML 1.0
"">
查看完整网页声明类型 DOCTYPE 参考手册。
HTML 之简介
中文编码
目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8。
HTML 实例
我的第一个段落。
如需转载,请注明文章出处和来源网址:
超文本标记语言(Hypertext Markup Language)是一种用来制作网页的标记语言,不需要编译,可以直接由浏览器解释执行,更形象地说,HTML是浏览器的“母语”。在网页设计中HTML主要负责信息展现,能独立于各种操作系统平台,并且可以通知浏览器显示内容。自20世纪90年代以来,HTML就一直被用作Internet的信息展示语言,用于描述网页的格式设计和与Internet上其他网页的链接信息。
HTML简介
关于超文本标记语言,有以下含义:
超(Hyper):是相对于线性(linear)来说的。以前的计算机程序基本上是线性运行,即当计算机程序执行完一条命令后,转向下一行,该行结束后,继续下移,依此类推。但HTML则不同,它可以在任何时候跳转到任何位置。例如,程序可以从第1行跳转到第8行,然后跳转到第5行,甚至可以跳转到另外一个程序中去执行。
文本(Text):即文字本身,意味着它是自解释的(self-explanatory)。
标记(Markup):指的是如何处理文本。对文本作标记的方式,与在文本编辑程序中将文本加粗,或者将一行文字设为标题或列表项目类似。
语言(Language):HTML就是一种语言,它使用了许多英文单词。
读到这里,这篇“HTML的
标签有什么作用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。