查看: 5018|回复: 3

[网络基础] HTML的练习知识总结1_标签

7 主题	6 好友	130 积分

注册会员

Rank: 2

生肖: 猴
星座: 金牛座
性别: 女

发消息

电梯直达

楼主

发表于 2013-11-2 23:21:00 |只看该作者 |倒序浏览

作者：sky_yoyo　日期：2013-11-2　原文地址：http://www.skywj.com/thread-9302-1-1.html

HTML的练习知识总结 2013年11月2日 周六

一：页面标记

 A: bgcolor--背景色彩
 text --非可连接文字的色彩
 link --可链接文字的色彩
 alink --正被点击的可链接的文字的色彩
 vlink --已经点击过或访问过的可链接文字的色彩
 背景图像<body background="img_url">

 B: 页面空白 --#=margin amount
 页面左边空白----<body leftmargin=#>
 页面上方的空白--<body topmargin=#>

 C: 链接
<a href="URL">链接地址</a>
<a href="#name">跳转到下一个连接点</a>
<a name="name">下一个链接点</a>

 D：打开新的窗口
<a href="URL" target="Window_Name"></a>

 E: 标尺线 <HR>
<hr> --- 横线分割
<hr size=#> --- #表示数字代表横线的宽度
<hr width=#> --- 数字或数字%，一段
<hr width=50% align=left> width宽度,居左显示
<hr noshade> ---灰色实线
<hr color=#> ---线的颜色
 black黑 olive橄榄色 teal 深青色
 red 红 blue 蓝色 maroon暗红色
 navy深蓝色 gray灰色 lime浅绿色
 fuchsia紫红色 white green
 purple紫色或深红色 silver 银白
 Yellow黄 aqua水绿色

二：字体标记

 A：标题字体
 <h#>..</h#> ---#=1-6;1为最大、6为最小
 <hn>--</hn> ---显示黑体字
 自定插入空行，不必用在加空行
 因此在该行中不能使用不同大小的字体

 B: 字体大小
 ... --#=1-7 or +#,-#
 <basefont size=#> --#=1-7
 加粗正体
 斜体
 下划线
<tt>小字</tt>
上标记
下标记
<s>划掉得线</s>
<strike>划掉得线</strike>
字体：
<code><samp><kbd><var><dfn><cite><big>都是双标签
组合：


 今天冷



 C：字体颜色
 ...

 D:其他字体
客户端字体
字符集---
& &
< <
> >
" "
三：文字布局标记

 A：行的控制
 --空行
 --换行
 --不换行

 B: 文字的对齐 --#=left、center、right
<hn align=#>...</hn>
...
<center>...</center>

 C: 文字的分区显示
<div align=left>文字居左显示</div>
<div align=center>文字居中显示</div>
<div align=right>文字居右显示</div>

 D：列表
无序列表--<ul><li>..</ul>
 条是空心小圆
有序列表--<ol><li>..</ol>
 条是数字显示

 E：列表的定义 <dl>...</dl>
定义列表--<dl><dt>...<dd>..</dl>
 效果是：
 这样的。
 --<dl compact><dt>..<dd>..</dl>
 效果是：
 这样的！

 F：定制有序列表表中的序号
<li type=#> #=A, a, I, i, 1
例子：<ol><li type=A>ONE-ONE
 <li>ONE-TWO</ol>
效果：A.ONE-TWO
 2.ONE-TWO
 定制有序列表表中的序号的起始值
 <ol start=#> #=number

 G:预格式化文本
<pre>居中显示框</pre>
<listing>...</listing>
 <xmp>...</xmp>

 H：空白
<spacer type="horizontal" size=#> #=水平空白高度
<spacer type="vertical" size=#> #=竖直空白高度
<spacer type="block" width=# height=# align=##>
#=空白的尺寸 ##=top, middle, bottom, left, right

 K：多列文本
<multicol cols=#> ... </multicol> #=列的数目
<multicol gutter=#> ... </multicol> #=列间的空白
<multicol width=#> ... </multicol> #=列的宽度

 J: 闪烁
<blink>...</blink>