文档介绍：2 HTML
HTML是超文本标识语言
它的指令用尖括号“<>”(称为标记)括起来
HTML的标记
有的需要成对出现,如<HTML> ……</HTML> 。
有的标记不需要成对出现,如<br>
也有的既可以成对出现也可以不成对出现,如<p>或<p>…</p>
Web数据库技术教程
1
2 HTML
HTML 语言的结构
HTML文件的一般格式
<html>
<head> <title> 出现在浏览器标题栏中的内容</title></head>
<body>
出现在浏览器网页中的内容
</body>
</html>
Web数据库技术教程
2
2 HTML
HTML标记中的英文字母不分大小写
HTML文件由元素组成。绝大多数元素是“容器”,即它有起始标记和结尾标记。在起始标记和结尾标记中间的部分是元素体。每一个元素都有名称和可选择的属性(参数)
<body background="back-">
<h2> Example </h2>
<p>我的网页
</body>
HTML 语言的结构(续)
Web数据库技术教程
3
2 HTML
HTML 语言的结构(续)
HTML元素的表示方法
<元素名>文件或超文本</元素名>
<元素名属性名=“属性值”…>文本或超文本</元素名>
<元素名>
Web数据库技术教程
4
2 HTML
HTML的基本元素
题目<TITLE>
<Title>元素只能出现在文件头中。<title>元素的格式为:
<title>文件题目</title>
<title>标明的文件题目,以窗口名称的形式显示出来
Web数据库技术教程
5
2 HTML
HTML的基本元素(续)
标题<hn>
标题元素有6种,分别为<h1>、<h2>、…<h6>,用于表示文章中的各种题目。标题号越小,字体越大
<hn>可以有对齐属性,align = #,#表示为:
left 标题居左
center 标题居中
right 标题居右
Web数据库技术教程
6
2 HTML
HTML的基本元素(续)
分段<P>
html的浏览器基于窗口,它将多个空格及回车等效为一个空格。html的分段完全依赖于分段元素<P>
<p>的属性
Align = #
clear:clear=left 下一段显示时,左边空白
clear=right 下一段显示时,右边空白
clear=all 下一段的左右两边都不许有别的内容
Web数据库技术教程
7
2 HTML
清单(List)
无序清单<ul>
用<ul>开始,每一个清单条目用<li>引导,最后用</ul>结束,清单条目不需要结尾标记</li>。输出时每一清单条目自动缩进,并且以黑点标示
有序清单<ol>
在输出清单条目时前面用数字表示序号
HTML的基本元素(续)
Web数据库技术教程
8
2 HTML
清单(List)(续)
定义清单<dl>
用<dl>开始,清单条目用<dt>引导,它的说明用<dd>引导
改变条目标记
无序清单可以用type属性修改条目的标记。type可以是disc(实心圆点)、circle(圆圈)和square(实心方点)
有序清单可以设置type为A、a 、I 、i 、l
HTML的基本元素(续)
Web数据库技术教程
9
2 HTML
预排版文本<pre>
html文件在输出时都将重新排版,若要保持某种版式不让浏览器重新排版,可以用<pre>…</pre>通知浏览器
HTML的基本元素(续)
Web数据库技术教程
10