首页 理论教育 HTML基本语法-网站制作基础

HTML基本语法-网站制作基础

时间:2023-11-09 理论教育 版权反馈
【摘要】:了解HTML的基本概念;掌握HTML常用的标记语法和用法;掌握HTML标记属性的语法和用法。可以将其拆分为“超文本”“标记”和“语言”3个词语来理解HTML语言。图1-3-1构成最简单的HTML文档结构的标记下面通过具体的操作来学习HTML中常用标记的使用方法和技巧。

HTML基本语法-网站制作基础

(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浏览器。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈