html简介PPT课件
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
边框尺寸设置
边框是用border属性来体现的，它表示表格的边框边厚度和框线。将border 设成不同的值，有不同的效果。
格间线宽度
格与格之间的线为格间线，它的宽度可以使用<TABLE>中的CELLSPACING属 性加以调节。格式是：
2020/10/13
14
4.3 表格尺寸设置
表格的大小
一般情况下，表格的总长度和总宽度是根据各行和各列的总和自动调整的， 如果我们要直接固定表格的大小，可以使用下列方式
<table width=n1 height=n2> width和height属性分别指定表格一个固定的宽度和长度，n1和n2可以用像素来 表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。
noshade 线段无阴影属性，为实心线段 例 2.4.1 2.4.2 2.4.3 2.4.4
2020/10/13
7
2.5 文字的大小设置、字体与样式 、颜色
提供设置字号大小的是FONT，FONT有一个属性 SIZE，通过指定SIZE属性就能设置字号大小，而 SIZE属性的有效值范围为1－7，其中缺省值为3。 我们可以SIZE属性值之前加上“＋”、“－”字 符，来指定相对于字号初始值的增量或减量。 HTML4.0提供了定义字体的功能，用FACE属性 字体效果 文字颜色设置格式如下： <font color=color_value>…</font> 颜色值 例 2.5
无序号列表使用的一对标签是<ul></ul>，每一个 列表项前使用<LI>。其结构如下所示：
<UL> </UL>
<LI>第一项 <LI>第二项 <LI>第三项
例 3.1
2020/10/13
10
3.2 序号列表
序号列表和无序号列表的使用方法基本相同，它 使用标签<OL></OL>，每一个列表项前使用 <LI>。每个项目都有前后顺序之分，多数用数字 表示。其结构如下所示：
HTML
Hypertext Marked Language 超文本标记语言
2020/10/13
1
一、HTML的基本结构
<HTML>
<HEAD> 头部信息
</HEAD> <BODY>
文 档 主 体， 正 文 部 分 </BODY> </HTML> 例1.1
2020/10/13
2
ห้องสมุดไป่ตู้
超文本中的标签
单标签 < 标签名称>
2020/10/13
8
2.6 位置控制
通过ALIGN属性可以选择文字或图片的对齐 方式，LEFT表示向左对齐，RIGHT表示向 右对齐，CENTER表示居中。基本语法如 下：
<DIV ALIGN=#> 例 2.6
#＝left／right／center
2020/10/13
9
三、列表
3.1 无序号列表
例 4.1
2020/10/13
13
4.2 表格的标题
表格标题的位置，可由ALIGN属性来设置， 其位置分别由表格上方和表格下方。下面 为表格标题位置的设置格式。 设置标题位于表格上方：
<caption align=top> ... </caption> 设置标题位于表格下方：
<caption align=bottom> ... </caption> 例 4.2
5
2.3 段落标签<P>
为了排列的整齐、清晰，文字段落之间，我
们常用<P></P>来做标记。文件段落的开
始由<P>来标记，段落的结束由</P>来标 记，</P>是可以省略的，因为下一个<P>
的开始就意味着上一个<P>的结束。
<P>标签还有一个属性ALING，它用来指
名字符显示时的对齐方式，一般值有
例 3.2
<OL> <LI>第一项 <LI>第二项 <LI>第三项
</OL>
2020/10/13
11
3.3 定义性列表
定义性列表可以用来给每一个列表项再加上一段 说明性文字，说明独立于列表项另起一行显示。 在应用中，列表项使用标签<DT>标明，说明性 文字使用<DD>表示。在定义性列表中，还有一 个属性是COMPACT,使用这个属性后，说明文字 和列表项将显示在同一行。其结构如下所示：
4
2.2换行<br>
在编写HTML文件时，我们不必考虑太细的 设置，也不必理会段落过长的部分会被浏 览器切掉。因为，在HTML语言规范里，每 当浏览器窗口被缩小时，浏览器会自动将
右边的文字转折至下一行。所以，编写者 对于自己需要断行的地方，应加上<br>标 签
例 2.2.1
例 2.2.2
2020/10/13
最常用的单标签是<BR>, 它表示换行。
双标签
<标签> 内 容</ 标签>
标签属性 < 标签名字 属性1 属性2 属性3 … >
<HR SIZE=3 ALIGN=LEFT WIDTH="75%">
SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表
示对齐方式，可取LEFT（左对齐， 缺省值），CENTER（居 中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相 对值，（由一对 “ ” 号括起来的百分数，表示相对于充满整个窗 口的百分比）例1.2
CENTER、LEFT、RIGHT三种。
例2.3.1
例2.3.2
2020/10/13
6
2.4 水平线段<HR>
这个标签可以在屏幕上显示一条水平线，用以分 割页面中的不同部分。<HR>属性：
size 水平线的宽度 width 水平线的长，用占屏幕宽度的百分比 或象素值来表示 align 水平线的对齐方式，有LEFT RIGHT CENTER三种
<DL> <DT>第一项 <DD>叙述第一项的定义 <DT>第二项 <DD>叙述第二项的定义 <DT>第三项 <DD>叙述第三项的定义
</DL> 例 3.3
2020/10/13
12
四 、TABLE表格
4.1表格的基本结构 <table>...</table> 定义表格 <caption>...</caption> 定义标题 <tr> 定义表行 <th> 定义表头 <td> 定义表元(表格的具体数据)
2020/10/13
3
二、页面布局与文字设计
2.1 标题 〈H1>…</H1> 〈H2>…</H2> 〈H3>…</H3> 〈H4>…</H4> 〈H5>…</H5> 〈H6>…</H6> 例2.1
第一级标题 第二级标题 第三级标题 第四级标题 第五级标题 第六级标题
2020/10/13