HTML是文本类型的语言，和其他任何一门语言相比，语法都是最简单的。但在编写HTML文件时，必须遵循HTML的语法规则。一个完整的HTML文件由标题、段落、列表、表格、文本，即嵌入的各种对象所组成，这些逻辑上统一的对象称为元素，HTML使用标签来描述这些元素。实际上，整个HTML文件就是由元素与标签组成的文本文件，可以直接由浏览器解释执行，解析它们显示出美妙的网页，而无须编译。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容。正因如此，网页显示的速度同网页代码的质量有很大的关系，保持精简和高效的HTML源代码是十分重要的。也可以在浏览器打开的网页中，通过“查看源文件”命令查看网页中的HTML代码。

HTML标签和元素

在HTML文件中是以标签来标记网页结构和显示内容资料的。以“<标签名>”表示标签开始，以“</标签名>”结束。大部分标签都是成对出现的，成对的标签也称为容器。在一对标签中也可以嵌套其他标签。一个HTML标签及标签中嵌套的内容就是网页中的一个“HTML元素”。例如，在<body>和</body>之间的是主体元素；又如，<title>和</title>是标签，而<title>itxdl</title>则是标题元素。也有极少的标签不需要与之配对的结束标签，也称为空标签，即空元素，例如<br>、<hr>等。</body>和</title>关闭它们各自的标签。所有的HTML标签都要关闭。尽管老版本的HTML允许某些标签不关闭，但最新的标准要求所有的标签都要关闭。无论如何，闭合标签是一个好习惯。并不是所有的标签都像<html></html>一样关闭，有的标签不用绕在内容外面，它们是自关闭的。比如断行的标签是这样的：<br />。需要记住的是，所有的标签都必须关闭，以及大部分的内容都在标签之间，它们的格式是这样的：起始标签-内容-闭合标签。如图2.6所示为一个HTML区块元素。

HTML语法不区分字母大小写

HTML标签名和属性都是不区分字母大小写的，例如<body>、<BODY>或<Body>都是定义相同的标记，但推荐全部使用小写字母书写。在HTML5中也不区分关键字大小写，引号也不区分是单引号还是双引号。

HTML标签属性

属性是为HTML元素所提供的附加信息，总是以“名称=值”对的形式出现在HTML标记中，例如<tag name= "value">。大多数HTML标签都有自己的一些属性，要写在起始标签内，用于进一步改变显示的效果。如果有多个属性，则使用空格分隔开，各属性之间无先后次序，而且HTML标记中的每个属性都是可选的，也都可以省略而采用默认值。属性的值可以用英文的双引号（" "）或者单引号（' '）引起来，也可以不使用引号，推荐使用双引号（W3C规范）。例如<body bgcolor="black" color='#ffffff">标记中使用了两个属性，分别将<body>标记中的内容背景设置为黑色，文字设置为白色。

IT兄弟连 HTML5教程 HTML语言的语法 1的更多相关文章

  1. IT兄弟连 HTML5教程 HTML语言的语法 2

    HTML颜色值的设置 大多数浏览器都支持颜色名集合,颜色值是一个关键字或一个RGB格式的数字,在网页中用得很多.仅仅有16种颜色名被W3C的HTML 4.0标准所支持,它们是:aqua.black.b ...

  2. IT兄弟连 HTML5教程 HTML5的基本语法 了解Web

    HTML也是计算机编程语言,但由于功能简单易用,不涉及业务逻辑,算是编程语言中最简单的了.其实学习HTML这门语言,就是在学习一个个HTML标记的使用,标记的名称和使用不是自定义的,它的功能及用法是已 ...

  3. IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题

    小结 一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框 ...

  4. IT兄弟连 HTML5教程 HTML5的基本语法 如何选择开发工具

    如何选择开发工具 有许多可以编辑网页的软件,事实上你不需要用任何专门的软件来建立HTML页面,你所需要的只是一个文本编辑器(或字处理器),如Office Word.记事本.写字板等.制作页面初学者通常 ...

  5. IT兄弟连 HTML5教程 HTML5的基本语法 简单HTML实例制作

    现在学习HTML5的方式 目前HTML还处于HTML4与HTML5之间的过渡使用阶段.移动端的Web界面开发已经全面使用HTML5的技术,而在PC端由于用户升级浏览器周期较长,面临着页面的兼容性问题, ...

  6. IT兄弟连 HTML5教程 HTML5的基本语法 了解HTML及运行原理

    了解HTML HTML(HyperText Marked Language)即超文本标记语言,是一种用来制作超文本文档的简单标记语言.我们在浏览网页时看到的一些丰富的影像.文字.图片等内容都是通过HT ...

  7. IT兄弟连 HTML5教程 HTML文档头部元素head

    HTML头部标记是<head>,主要包括页面的一些基本描述语句,以及CSS和JavaScript,一般都可以定义在头部元素中.它用于包含当前文档的有关信息,例如网页标题和关键字等.通常位于 ...

  8. IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生

    十年磨一剑,正如我们所看到的一样,HTML5大潮正来势汹汹.但也正如我们所知道的一样,HTML5是一种技术标准,它的语义之美.人性之美.简单之美.实用之美……如同一场革命,它的主要应用场景是浏览器,不 ...

  9. IT兄弟连 HTML5教程 CSS3揭秘 小结及习题

    小结 CSS3对于开发者来说,给web应用带来了更多的可能性,极大提高了开发效率.CSS3在选择器上的支持可谓是丰富多彩,使得我们能够灵活的控制样式,而不必为元素进行规范化的命名.CSS3支持的动画类 ...

随机推荐

  1. C语言入门-枚举

    常量符号化 用符号而不是具体的数字来表示程序中的数字 一. 枚举 用枚举而不是定义独立的const int变量 枚举是一种用户定义的数据类型,它用关键字enum如以下语句来声明 enum 枚举类型名字 ...

  2. MS SQL 设置自增长字段默认值

    dbcc checkident(tablename,reseed,value) 其中tablename为你所要修改的表名,value为默认值.比如你要设置自增长字段值从1开始,则: )

  3. Markdown语法教程

    标题 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 效果如下: 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 段落 换 ...

  4. JS数组去掉某一个元素

    /**数组去掉某一个元素**/ Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index &g ...

  5. Java之Collection接口（单列集合根接口）

    集合概述 集合到底是什么呢?集合:集合是java中提供的一种容器,可以用来存储多个数据 集合和数组既然都是容器,它们有啥区别呢? 区别1: 数组的长度是固定的. 集合的长度是可变的. 区别2:  数组 ...

  6. C# LINQ Join两个表连接，关联多个条件的写法

    1.sql语句: select * from Users u join Teachers t on u.UserID==t.TeacherID and u.Name=t.Name 2.linq写法: ...

  7. 跨域问题，解决方案-Nginx反向代理

    跨域问题,解决之道 跨域问题,在日常开发过程中,是一个非常熟悉的名词.今天的话题,结合我之前的项目场景,讨论下<跨域问题,解决之道>. 跨域是什么 跨域问题,是由于JavaScript出于 ...

  8. 【第二章】Zabbix3.4监控SQLServer数据库和H3C交换机思科Cisco防火墙交换机教程笔记

    监控SQLServer数据库 SSMS执行相关SQL SQL模板命名规则 Zabbix客户端导入模板 添加SQLServer监控图形 SQLServer服务器关联模板 监控思科Cisco防火墙交换机 ...

  9. Linux查看CPU和内存情况

    本文简单介绍在Linux上查看CPU和内存情况和一款系统资源查看工具htop. 查看CPU情况 以下是个人工作会经常使用到的服务器的信息. 查看所有CPU信息 可以通过如下命令查看所有CPU信息: # ...

  10. IT兄弟连 HTML5教程 HTML5表单 HTML表单设计2

    5  隐藏域 隐藏域不会在表单中显示.如果需要在页面之间传递重要数据,则在<input>标签中设置type属性值为“hidden”建立一个隐藏域.name和value属性是必需的,用来表示 ...