HTML语言基础
HTML(Hyper Test Markup Language)称为超文本标识(记)语言,是用于编写网页的。
注意:
1、与C、C++等语言相比,HTML不是真正意义上的语言。因此,称为标识语言。用它编写的文件简称超文本(而不是程序)。
2、由于直接使用HTML编写网页有很大难度,且不直观,因此,通常借助于所见即所得的HTML编辑器(如,FrontPage、Dreaweaver等)。
3、各种HTML编辑器均有局限性,使用一种编辑器时,往往需要直接修改HTML语句,以弥补其不足。因此,有必要逐步掌握HTML语言。
3.1 HTML语言的基本语法(Top)
HTML语言符号的作用是对文件(显示)内容进行标识。因此,HTML文件有两部分组成。即,文件(显示)内容和标记符。
标记语句的一般格式:
<标记名>文件内容(受标记影响的文本)</标记名>
<font color=“#FF0000”>HTML</font>
表示“HTML”显示红色。
前面是起始标记,后面是结束标记(加“/”),通常是成对出现。少数标记没有结束标记。
HTML语言的标记,没有大小写之分,且可大小写混用。但不能用全角。
3.1.1 标记本身(Top)
凡是标记中,已经占用了的符号,如“<”、“>”等符号,若要在浏览器中显示这些符号,则在文件(显示)内容中需用其它来替代。
例如,“<”用“<”替代、“>”用“>”替代、“&”用“&amp”替代、“"”(双引号)用“"”替代、半角空格用“ ”替代。
注意:半角空格用“&nbsp”替代,全角空格,不存在需要其它符号来表示。因为,标记中没有全角空格,英文中也没有。
3.1.2 标记属性(Top)
每个标记中,除标记名外,还可包含一个或多个“属性”,对标记进行控制。
标记属性就是标记的特性,有两种格式。一是属性名=“值”;二是只有属性名。例如:
<td width=“22%”>1、基本语法</td>
width=“22%”,等号前是属性名,22%是值。
3.1.3 内容注释(Top)
使用“<!--”和“-->”(是一个整体)标记,可以将它们之间的文本内容标记为注释内容。
内容注释用于注解,例如,<!--mstheme-->,表明网页运用了微软的主题。
注释内容可以插入文件的任何地方,在浏览器中不显示。
3.2 HTML的基本结构(Top)
文件的开始与结束:<html>、</html>。
文件头(首部):<head>、</head>。
文件主体:<body>、</body>。
3.2.1 版本信息(Top)
一般不写。
3.2.2 标题信息(Top)
1、网页标题
<title>与</title>标记之间的是网页标题。
2、<mate>标记
<mate>是单标记,用于注明HTML文件自身的信息。如,
<meta name=“Microsoft Theme” content=“mstheme28667 1011, default”>,注明文件:应用了微软的主题等信息。
3、<style>标记
定义风格单。例如:
style=“margin-top: -6” 段前缩进6磅。
4、<script>标记
定义脚本。
3.2.3 主体标记(Top)
backgroud 网页图像背景
bgcolor 网页背景色
txt 网页文本的颜色
like 尚未访问的超链接文本(标志)的颜色(默认为蓝色)
vlike 已访问的超链接文本(标志)的颜色(通常为紫色)
alike 超链接被选择的瞬间文本(标志)颜色
3.3 编辑网页正文(Top)
在掌握用所见即所得编辑器编辑的过程中,逐步了解。
随着编辑水平的提高,逐步掌握。
注意:
1、与C、C++等语言相比,HTML不是真正意义上的语言。因此,称为标识语言。用它编写的文件简称超文本(而不是程序)。
2、由于直接使用HTML编写网页有很大难度,且不直观,因此,通常借助于所见即所得的HTML编辑器(如,FrontPage、Dreaweaver等)。
3、各种HTML编辑器均有局限性,使用一种编辑器时,往往需要直接修改HTML语句,以弥补其不足。因此,有必要逐步掌握HTML语言。
3.1 HTML语言的基本语法(Top)
HTML语言符号的作用是对文件(显示)内容进行标识。因此,HTML文件有两部分组成。即,文件(显示)内容和标记符。
标记语句的一般格式:
<标记名>文件内容(受标记影响的文本)</标记名>
<font color=“#FF0000”>HTML</font>
表示“HTML”显示红色。
前面是起始标记,后面是结束标记(加“/”),通常是成对出现。少数标记没有结束标记。
HTML语言的标记,没有大小写之分,且可大小写混用。但不能用全角。
3.1.1 标记本身(Top)
凡是标记中,已经占用了的符号,如“<”、“>”等符号,若要在浏览器中显示这些符号,则在文件(显示)内容中需用其它来替代。
例如,“<”用“<”替代、“>”用“>”替代、“&”用“&amp”替代、“"”(双引号)用“"”替代、半角空格用“ ”替代。
注意:半角空格用“&nbsp”替代,全角空格,不存在需要其它符号来表示。因为,标记中没有全角空格,英文中也没有。
3.1.2 标记属性(Top)
每个标记中,除标记名外,还可包含一个或多个“属性”,对标记进行控制。
标记属性就是标记的特性,有两种格式。一是属性名=“值”;二是只有属性名。例如:
<td width=“22%”>1、基本语法</td>
width=“22%”,等号前是属性名,22%是值。
3.1.3 内容注释(Top)
使用“<!--”和“-->”(是一个整体)标记,可以将它们之间的文本内容标记为注释内容。
内容注释用于注解,例如,<!--mstheme-->,表明网页运用了微软的主题。
注释内容可以插入文件的任何地方,在浏览器中不显示。
3.2 HTML的基本结构(Top)
文件的开始与结束:<html>、</html>。
文件头(首部):<head>、</head>。
文件主体:<body>、</body>。
3.2.1 版本信息(Top)
一般不写。
3.2.2 标题信息(Top)
1、网页标题
<title>与</title>标记之间的是网页标题。
2、<mate>标记
<mate>是单标记,用于注明HTML文件自身的信息。如,
<meta name=“Microsoft Theme” content=“mstheme28667 1011, default”>,注明文件:应用了微软的主题等信息。
3、<style>标记
定义风格单。例如:
style=“margin-top: -6” 段前缩进6磅。
4、<script>标记
定义脚本。
3.2.3 主体标记(Top)
backgroud 网页图像背景
bgcolor 网页背景色
txt 网页文本的颜色
like 尚未访问的超链接文本(标志)的颜色(默认为蓝色)
vlike 已访问的超链接文本(标志)的颜色(通常为紫色)
alike 超链接被选择的瞬间文本(标志)颜色
3.3 编辑网页正文(Top)
在掌握用所见即所得编辑器编辑的过程中,逐步了解。
随着编辑水平的提高,逐步掌握。