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

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的更多相关文章
- IT兄弟连 HTML5教程 HTML语言的语法 2
HTML颜色值的设置 大多数浏览器都支持颜色名集合,颜色值是一个关键字或一个RGB格式的数字,在网页中用得很多.仅仅有16种颜色名被W3C的HTML 4.0标准所支持,它们是:aqua.black.b ...
- IT兄弟连 HTML5教程 HTML5的基本语法 了解Web
HTML也是计算机编程语言,但由于功能简单易用,不涉及业务逻辑,算是编程语言中最简单的了.其实学习HTML这门语言,就是在学习一个个HTML标记的使用,标记的名称和使用不是自定义的,它的功能及用法是已 ...
- IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题
小结 一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框 ...
- IT兄弟连 HTML5教程 HTML5的基本语法 如何选择开发工具
如何选择开发工具 有许多可以编辑网页的软件,事实上你不需要用任何专门的软件来建立HTML页面,你所需要的只是一个文本编辑器(或字处理器),如Office Word.记事本.写字板等.制作页面初学者通常 ...
- IT兄弟连 HTML5教程 HTML5的基本语法 简单HTML实例制作
现在学习HTML5的方式 目前HTML还处于HTML4与HTML5之间的过渡使用阶段.移动端的Web界面开发已经全面使用HTML5的技术,而在PC端由于用户升级浏览器周期较长,面临着页面的兼容性问题, ...
- IT兄弟连 HTML5教程 HTML5的基本语法 了解HTML及运行原理
了解HTML HTML(HyperText Marked Language)即超文本标记语言,是一种用来制作超文本文档的简单标记语言.我们在浏览网页时看到的一些丰富的影像.文字.图片等内容都是通过HT ...
- IT兄弟连 HTML5教程 HTML文档头部元素head
HTML头部标记是<head>,主要包括页面的一些基本描述语句,以及CSS和JavaScript,一般都可以定义在头部元素中.它用于包含当前文档的有关信息,例如网页标题和关键字等.通常位于 ...
- IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生
十年磨一剑,正如我们所看到的一样,HTML5大潮正来势汹汹.但也正如我们所知道的一样,HTML5是一种技术标准,它的语义之美.人性之美.简单之美.实用之美……如同一场革命,它的主要应用场景是浏览器,不 ...
- IT兄弟连 HTML5教程 CSS3揭秘 小结及习题
小结 CSS3对于开发者来说,给web应用带来了更多的可能性,极大提高了开发效率.CSS3在选择器上的支持可谓是丰富多彩,使得我们能够灵活的控制样式,而不必为元素进行规范化的命名.CSS3支持的动画类 ...
随机推荐
- linux常用命令总结篇
关于linux的一些基础命令,以前也学过,但是长时间不用还是感觉生疏了,所以记录下来以便后期温故知新. 1. cd:cd命令用来切换工作目录至dirname.cd ~ 进入用户主目录,cd - 进入之 ...
- js中call、apply、bind到底有什么区别?bind返回的方法还能修改this指向吗?
壹 ❀ 引 同事最近在看angularjs源码,被源码中各种bind,apply弄的晕头转向:于是他问我,你知道apply,call与bind的区别吗?我说apply与call是函数应用,指定thi ...
- fjnu2019第二次友谊赛 F题
### 题目链接 ### 题目大意: 一开始手上有 z 个钱币,有 n 天抉择,m 种投资方案,在每天中可以选择任意种投资方案.任意次地花费 x 个钱币(手上的钱币数不能为负),使得在 n 天结束后, ...
- GO-逻辑判断(if,else if,else,switch)
一.if逻辑判断 package main import "fmt" func main() { var a =10; if a>10 { //大括号前不能回车 fmt.Pr ...
- DWG文件怎么转换成PDF格式
在CAD中,设计师们绘制的图纸都是以dwg文件来进行保存的.Dwg文件是不能够直接进行打开查看的,就需要将其格式进行转换一下.将dwg文件转换为PDF格式的进行查看.那具体要怎么来进行操作呢?下面小编 ...
- textarea中文本高亮选中
最近在实现原文/译文句段高亮对比显示,和有道翻译类似,如下图所示: 最初的解决方案是采用富文本编辑器,把所有句段信息都用HTML标签包裹,操作空间比较大,页面上需要的功能几乎都可以实现,但是由此带来了 ...
- css知识笔记:水平居中(别只看,请实操!!!)
css实现元素的水平居中. (尝试采用5W2H方法说明): 别只看,请实操!!! What: 1.这篇文档主要描述元素水平方向居中的几种最常见和最实用的几种方式,并说明优缺点. 2.写这篇文章的目的, ...
- SQLi-LABS Page-1(Basic Challenges) Less11-Less22
Less-11 GET - Blind - Time based - double quotes http://10.10.202.112/sqli/Less-11/ 尝试登录: username:a ...
- 北航软件学院Java历届期末考题整理
文章目录 abstract static Thread finally package Exception I/O 子类和父类 关键字 标识符 垃圾收集 数据类型 环境配置 网路编程 initial ...
- 数据结构笔记2(c++)_跨函数使用内存的问题
预备知识 1.所有的指针变量只占4个子节 用第一个字节的地址表示整个变量的地址 //1.cpp 所有的指针变量只占4个子节 用第一个字节的地址表示整个变量的地址 # include <stdi ...