本文小编为大家详细介绍“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
/p>
””>
XHTML 1.0
/p>
””>
查看完整网页声明类型 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的
相关推荐: CSS3中的新属性object-view-box怎么使用
这篇文章主要讲解了“CSS3中的新属性object-view-box怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS3中的新属性object-view-box怎么使用”吧!在下面的例子中,我们有一个…