Html基本常用语法教程
PS: 本教程为Saivan收集及整理、编写而成,如有雷同,纯属巧合。如需转载,请注明出处。
HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World
Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。
一个基本的网页代码如下:
<html>
<head>
网页头部
</head>
<body>
网页主体,正文内容
</body>
</html>
首先,我们先要明白几个基本定义:标签、属性、元素
标签:HTML基本的构成包含标签,标签围绕着内容,赋予内容某些意义。 例如上面的,<html>是隔开其他内容的起始标签,它告诉浏览器,位于自己与闭合标签</html>之间的就是是HTML文档。在<body>和</body>之间的是这个文档展示在浏览器上的主要内容。还有表示段落的<p>…</p>,表示加粗的<b>…</b>表示链接的<a>…</a>等等。大部分的标签都是闭合的,例如<p>即是由</p>来闭合,但是个别标签是自动闭合的,使如表示换行的<br>,还有表示水平线的<hr>都是自己闭合的。
属性:标签可以有属性,包含额外的信息。属性一般出现在开放标签中,它们的值总是在引号中。 例如:<p align="center">居中文本</p>,段落<p>的属性就是align="center",
center是属性的值。
元素: 元素是标签内的内容,可以是文本、图像、动画、视频等。
继续讲网页基本语法。一个网页主要在头部head及主体body部分。关于head部分,常见的英文网页头部结构是:
<head>
<title>网页标题</title>
<meta name="description" content="文档描述">
<meta name="keywords" Content="文档关键词">
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<title>......</title>文档的标题,相当于整个网页内容的概括,长度只有60个字符。
<meta name="description" content="......">网页文档的描述,用简单扼要的句子,描述当前文档的大意。
<meta name="keywords" content="......">文档关键词,最能表达网页文档所写内容的单词或短语
<meta http-equiv="Content-Language" content="en-us">和<meta
http-equiv="Content-Type" content="text/html; charset=iso-8859-1">两句都是设定网页文档的语言编码,一般来说英文都是采用西欧iso-8859-1的语言编码,考虑到早期的浏览器不支持charset,所以我们还加了一句<meta
http-equiv="Content-Language" content="en-us">表示本网页的语言编码是英文。
<link href="style.css" rel="stylesheet" type="text/css">是指给本网页文档添加一个CSS样式文档。
未完,待续…
|