(1)了解HTML的基本概念;
(2)掌握HTML常用的标记语法和用法;
(3)掌握HTML标记属性的语法和用法。
1.HTML基本概念
HTML(Hypertext Markup Language,超文本标记语言)是一种描述性的标记语言,是网页制作最基本的语言。通过HTML语言编写的超文本文档,浏览器可以解析文档中标记所描述的内容,并将其“翻译”在Web网页上,所以HTML语言编写的网页是跨平台的,只需要浏览器即可。可以将其拆分为“超文本”“标记”和“语言”3个词语来理解HTML语言。
1)超文本
超文本有两层含义:从网络链接的角度,是指使用超链接的方式将网络上不同空间的信息有效地连接起来;从展示文件类型的角度,是指超越传统文本的表现形式,支持文本、图形、图像、声音、视频、动画等多媒体的元素展示。
2)标记
标记是指使用特定语法规则解释网页元素的一种描述。
3)语言
语言是指HTML是一种简单的描述性语言。
HTML 是一种文件,它的文件扩展名通常有“.htm”或“.html”,可以使用记事本、写字板、Dreamweaver等工具来编写。
HTML的核心概念是HTML标记和标记的属性。HTML 标记的基本格式为<标记>内容</标记>。其中“<标记>”表示标记格式的开始,“</标记>”表示某标记的结束,“内容”通常放在标记的开始和结束之间。标记属性是帮助HTML标记进一步控制HTML文件内容,标记属性由属性名和属性值构成,格式:<标记名称 属性名1=“属性值”属性名2=“属性值”… >。一个标记可能具有多个属性,不同属性之间用空格隔开。
2.HTML基本语法
(1)HTML标记通常分为单标记和成对标记,绝大部分标记是成对标记。
单标记:标记只需要一个即可完成表示的功能,如<hr/>、<img />。
成对标记:两个标记共同作用完成表示的功能,如<html>和</html>、<body>和</body> 。
(2)标记可以看作是对象,是对象就会有属性,如:<body bgcolor=“red”>,其中bgcolor是body标记的一个属性,该代码的功能是设置网页背景颜色为红色。
(3)标记不区分大小写。
3.HTML文档结构(www.xing528.com)
HTML文档中有4大标记“管家”,它们分别是< html >和</html>、< head >和</head>、<title>< /title>和<body>< /body>。在这4个标记中每个标记都有自己的含义和管辖的范围:一个HTML文档以<html>标记开始,以</html>标记结束,所以它管辖的范围最大;其次是<head></head>和<body></body>,分别管理网页的头部区域和网页的主体内容区域;最后是<title></title>标记,它应该放在<head></head>标记之间,是<head>标记的管辖区域。
构成最简单的HTML文档结构的标记如下:
1)<html>标记
<html>标记是HTML文档的开头标记,确定网页文档内容的起点,主要起着文档范围的作用。
2)<head>标记
<head>标记被称为头标记,必须放在<html>标记内,通常用于设置HTML文件的相关信息,如定义CSS样式、关键字搜索等。
3)<title>标记
<title>标记被称为标题标记,必须放在<head>标记内,主要用于设置网页标题。可以在浏览器的标题栏中查看到相关内容。
4)<body>标记
<body>标记被称为主体标记,必须放在<html>标记内,通常用于将网页中显示的主体内容放到该标记内,可以在浏览器的主体区域查看到相关内容。
4大标记之间的关系如图1-3-1所示。
图1-3-1 构成最简单的HTML文档结构的标记
下面通过具体的操作来学习HTML中常用标记的使用方法和技巧。
计算机操作系统Windows 7/8/10、Dreamweaver CS6软件,Chrome/360/IE浏览器。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。