文档介绍：第二章
HTML概述
西北农林科技大学信息工程学院
11/10/2017
1
HTML概述
1、Web关键技术:HTTP和HTML
HTTP---Hypertext Transfer Protocol 超文本传输协议
HTML---Hypertext Markup Language 超文本标记语言
2、HTML标记:包容标记和空标记
包容标记:有开始和结束
格式:<标记[属性名=属性值……]>数据</标记>
如:<html>和</html>
空标记:只有开始。
格式:<标记[属性名=属性值……]>
如:<br> <hr>
11/10/2017
2
3、 HTML语言结构
<html> <!html源程序从这里开始>
<head>
<title>
标题栏的内容
</title>
</head>
<body>
网页中的内容
</body>
</html>
注释方法:1)<!注释内容> 注释标记里的内容
2)<!--注释内容--> 注释大段的内容
文件头
文件体
11/10/2017
3
HTML基本元素
html语言没有语法,代码由一系列标记组成,所以我们只需记忆标记名称和其相应的属性即可。格式为:
<标记名称[属性1=值属性2=值…]>内容[</标记名称>]
1、<html>和</html> web页的起始标记
2、<head>和</head> 设文档标题和其他不在web中显示的注释信息
3、<title>和</title> 主题标记
注: 1)长度不限,但不要太长(<64字符)。
2)不是必须的元素。
4、<body>和</body> 主体标记
11/10/2017
4
5、标题<hn>
格式:<hn 属性名=属性值>文本</hn>
注:1)n=1…6。
2) 对齐属性:align=left / right / center
6、分段<p> 创建一个段落
格式:<p 属性名=属性值>文本</p>
注:1)对齐属性:align=left / right / center。
2)clear属性:clear=left / right / center。
11/10/2017
5
7、清单(list)
格式:1)无序: <ul>
<li>清单内容
<li>清单内容
</ul>
2)有序:<ol 属性名=属性值>
<li>清单内容
<li>清单内容
</ol>
11/10/2017
6
注:1、<ol>的序号类型:type=类型。
I : 大写数字 i: 小写数字
A: 大写字母 a: 小写字母
1: 表示默认,阿拉伯数字
2、<ol>初始序号:start=n
3、<ul>的序号类型:type=类型。
Square : 列表标记为填充矩形
Circle:列表标记为空心圆
Disc:列表标记为小黑点
4、列表可以嵌套。
11/10/2017
7
3)列表定义:
<dl>
<dt>列表内容
<dd>解释
<dt>列表内容
<dd>解释
</dl>
4)改变条目标记
6、居中<center>
格式:<center>文本</center>
5、预排版文本<pre>
格式:<pre>文本</pre>文本保持原来的内容,编译好的内容在浏览器中显示时不会出现偏差.
11/10/2017
8
HTML版面风格控制
1、字体大小<font size=字号或+/-n >文本</font>
字号:1……7,默认3
2、字体颜色<font color=颜色>文本</font>
颜色:用数字或名称。(见后面)
3、字体形状<font face=“隶书”>文本</font>
11/10/2017
9
4、字体其他风格<字体风格> 文本</字体风格>
1)<b></b> 黑体
2)<i></i> 斜体
3)<u></u> 加下划线
4)<em></em> 强调
5)<strong></strong> 特别强调
6) <S>文本</S> 删除字符显示方式
7)<SUB>文本</SUB> 字符以下标显示方式
8) <SUP>文本</SUP>字符以上标显示方式
11/10/2017
10