HTML学习笔记(4)

上一篇 / 下一篇  2008-01-05 21:20:13 / 个人分类:HTML

文字标签属性:51Testing软件测试网0dM!X[2`8?&{7r1s
文字属性标记
/E `e)KI!CVhz01.文字颜色
.mDoz|-^U0指定颜色 <font color=#> ... </font>51Testing软件测试网s _5\fV
#=RRGGBB 16 进制数码
PUXX.Z-LU'P r2[|0文字属性标记51Testing软件测试网q4j#o7O+e+@
2.文字字体
CM6uYZk"K1h0<font face=“#, #, ..., #”> ... </font>#=客户端可获得的字体
6Q V)k1y-xF0文字属性标记
j8DGe4S-[-k03.文字大小
7^\5v&e2P8h:U%v0<font size=#> ... </font>
h?9{{?PR)u0#=1, 2, 3, 4, 5, 6, 7 or +#, -#51Testing软件测试网.oX pk0V+v+z s B
文字属性标记
]6e;S3y1i9tW l04.文字标题51Testing软件测试网 S[pE~w;p
<h#> ... </h#>51Testing软件测试网W r#G~Z
#=1, 2, 3, 4, 5, 6
i1F!Vw7iru1_+}051Testing软件测试网4wcw(F`
行的控制
|lMak!p$HQ8\B0段(Paragraph) (可以看作是空行) <p>
6} `x$w-gF3b0空白占位符&nbsp;51Testing软件测试网]c&B4\` a$l Lm
行的控制51Testing软件测试网 n/NH B8hq
HTML的段落与段落之间有一定的空隔。如果不希望出现空隔而只想换行的话,就要用到另一个元素,即51Testing软件测试网 k!yd$? ^O`
51Testing软件测试网;N \,U`3q%f
<br>元素。<br>元素可以使所在的位置出现换行。这种换行和浏览器的自动换行的效果类似。<br>元素不51Testing软件测试网+XI3l{-?6P;K6` `3U
51Testing软件测试网 x&i$l"mr t)wp.YD Ma
是成对出现的。51Testing软件测试网C0c*O/YtJ5W [8F~]q
不换行<nobr>
#g-F(L ^ D0
Y olw-Qg:z,T E2MG,t G0HTML文字与段落格式控制51Testing软件测试网$~ZDn c%M
<body>……
*~*E5`wQ bXr0     <i>倾斜文本</i>
C0b0k1V%r7G;q-I0     <b>粗体文本</b>
H6|i6V\j xW0     <u>下划线文本</u>51Testing软件测试网qV)Y1cy&E
      <s>删除线文本</s>
lN_2Lk;~{0     ……</body>51Testing软件测试网7~2gv(\y+B$[_

kxAOY4O6O2S6hQ0基本组成部分—HTML注释
x.nF0huA\0HTML文档可以插入注释。注释内容不会在浏览器窗口显示
#g#AS4Z.i]&m1\;n0HTML注释的格式为:<!-- 注释内容 -- > <!--多行注释内容 -- >51Testing软件测试网+oZ YC)uC{
51Testing软件测试网 Zd!ds0Oc1n
文字的对齐:
u*wf!{|XMa0<hn align=#>...</hn> (n=1,2,3,4,5,6)
p7{1jK Vl DlYJk9u0<p align=#>...</p> (#=left, center, right)51Testing软件测试网$COF5BVi5jh1g
51Testing软件测试网1H"l uH:},W5Mx
文字的分区显示
"S"GP7r5nW h0<div align=#> ... </div>  (#=left, center, right)51Testing软件测试网b5uk8~g

*cF6_8i g2_&u s0HTML段落与分行控制51Testing软件测试网#I v4kv{)y.A V8['a
居中--- <center>元素51Testing软件测试网I9eZP)D!N:C$v B9Q
<center>元素是一个独立的使所标记的字符居中的元素。它的作用与使用<p>元素里的align=“center”类
:xb4Epd!u0T,F/u0
V1aA Iq3D O@8w1Wb0x051Testing软件测试网uK5CD;u
标尺线
|Aj!^z0    <hr size = #>:设定线宽51Testing软件测试网m-eIc'N
     <hr width=#>:设定线长51Testing软件测试网-V*D:mt(iu)^
     <hr align=#>:设定对齐方式 #=left, right
/e#@8K+`a/}!Um DR0     <hr color=#> :设定线的颜色51Testing软件测试网 W}7f7q:x:bnA
无序列表元素
)f([2L.R V0列表在HTML的文档里有重要的地位,HTML规定了多种列表元素。列表所起的主要作用是使特定的文本有序化51Testing软件测试网-J)D-? X;j Z

i%Bpc c2Jx?7ID051Testing软件测试网Y.fL ?Ur,H
无序列表是由<ul>和<li>元素定义的:
,l%Q$LD+K |e+V,C0<ul>51Testing软件测试网CN wZ;P
<li>sports</li>
:yxMT v(E:_fp0<li> food </li>
9d1B ](xf0<li> drink </li>
0?:Y-[%Y!}9f4o7o(x4l0<li> friends </li>51Testing软件测试网Cn6{+AJ
</ul>51Testing软件测试网Y J#|P~
无序列表的默认符号是圆点。51Testing软件测试网DM'z fbD(l
<ul>元素有type属性,通过定义不同的type属性可以改变列表的项目符号。51Testing软件测试网!dfI8vt\A'z#~
目前,type属性的属性值有:disc(圆)、circle(圆圈)、square(方块)51Testing软件测试网;u+S6y5MZ%R8m7?8CP
51Testing软件测试网'w Y5`6M#e;}+Z
有序列表元素51Testing软件测试网}j[*P4VqVN
有序列表由<ol>和<li>定义:51Testing软件测试网g,l#rd)Q
<ol>51Testing软件测试网~DYW*l:x@|4b
    <li>sports</li>
Ru o-K8HZ.k z8W0     <li> drink</li>51Testing软件测试网&}&QfPf$m
     <li> friends</li>
0A$A)[$DO(}t l.]0</ol>51Testing软件测试网5s}GiJ2g+w|5r
<ol>元素也有自己的type属性,type属性的属性值有1、A、a、I、i等。例如,我们以A、B、C……作为列
G8hNV(}a:~A051Testing软件测试网B%P1E;i3s.{7gLf_
表的编号51Testing软件测试网zd*nDa
<ol>元素还可以定义列表的起始编号,如我们希望列表的第一个编号为5,而不是1,则需要定义<ol>元素51Testing软件测试网N+T/h#@ D%r `4ac1} b

,r(Vj.U ` SGP0的start属性51Testing软件测试网*}]4W1w(Z
51Testing软件测试网zG"x:q"T;z!fZ:U3Zc
超级链接—普通超级链接
,H9B$g.W:X0超级链接是整个WWW应用的核心和基础。如果没有超级链接的概念,那么,我们现在所有的WWW的应用将不
RmI m&r:fX-Z051Testing软件测试网;Z l H7LD1j
复存在。所以,对超级链接的掌握具有特殊重要的意义。51Testing软件测试网"t1{$P PL(K9]`n
超级链接是用锚元素<a>定义的
!]axy0o6y vpV0在<a>元素下,有元素属性href,href的属性值为一个URL地址51Testing软件测试网/pI?7R0gm;d X3Vo o
如:<a href=“http://www.enet.com.cn/eschool”>指向学院的超级链接</a>
CvN)[!h0如:<a href=“29.htm">普通超级链接</a>51Testing软件测试网Y I[&uvh d7Ni
51Testing软件测试网VQ9o3g'^gV-Dmz
超级链接—E-mail超级链接51Testing软件测试网 v|1aX4V:y3E4v \
超级链接可以指向E-mail地址
,X4NA%m!Y9m0如:<a href=“mailto:hzhang@mail.enet.com.cn">指向E-mail地址的超级链接</a>51Testing软件测试网];g9v5ts7^v'N+k
51Testing软件测试网 BXD%A5Vj!U0kl
超级链接—新开链接窗口
`8k_.],omrh%k(D0开一个新的(浏览器)窗口 (Target Window)51Testing软件测试网6j q"\)WF"G CI
<a href="URL" target=“_blank"> ... </a>51Testing软件测试网#a2\%]5FbNJ*Ii

K6Z7@z;_1a0超级链接—去除下划线51Testing软件测试网 qv3CFtPh(H
去掉超级连接的下划线:style=“text-decoration: none”51Testing软件测试网R1J V| z-jR;^]
51Testing软件测试网epN5dB/OK9A*IX
超级链接——其他超级链接
R fU-H1X2B0WWW应用仅仅是Internet应用的一种,Internet还有其他很多应用,如:Ftp等。实际上mailto也属于非WWW51Testing软件测试网8}2M5x A~&i},P}0y

o6i dc'nI!o0应用。我们可以类似的创建指向Ftp等的超级链接;51Testing软件测试网&~"Bg|'z[Bs
指向其他Internet应用的超级链接不是我们掌握的重点。
2|Qz(ALyl Z2Q0
%@Z{ XvS+?L"G0超级链接——锚点(书签)51Testing软件测试网Jt!f8ja%{;{
<a name="aa">
(];VF&K"LB@3_0<a href="#aa">指向本页面锚点aa的超级链接</a>
:}5e'J~8s]i0<a href=“23.htm#top”>指向23页面的锚点top的超级链接</a>51Testing软件测试网F em.`i}d%M2Z$a
51Testing软件测试网(x'kv1i+Tw Exh
下面是练习:
2tw7RAGt \vU0<HTML>51Testing软件测试网3b4oP,VI-?
<HEAD>
5?%\0o d"j0<title>泡酸的角落</title>51Testing软件测试网`T#H4b!O2qJ}e
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>51Testing软件测试网x/I i}&u$\
</HEAD>51Testing软件测试网_7rubi
<BODY link="blue" vlink="red" alink="green">
9MyQ9_J/z0
P(O;Z0B6FM0<a name="top">
aR2s9YdDR.p0
K4?,S+^d0
N`{-}0f }:ke4j?0<div align=center>
RI2ik&L0<font color="red" font size=5><b>泡酸的角落</b></font><br>51Testing软件测试网HU:B/K6f5u#Jk1F;[
<i>泡酸又名灯笼草</i><br>51Testing软件测试网)@N q"xd
<i>生长在野外的某个角落</i><br>51Testing软件测试网5S3kP,\NFD
<i>有着红艳的果实</i><br>51Testing软件测试网#@ R]'F j1nQ
<u>包裹在泡状的花萼里</u><br>51Testing软件测试网sMDt P&I*s
<u>味道冽酸微甜&nbsp;&nbsp;故名泡酸</u><br>
Bi|;_4G6z7A$N.^0<s>虽是普通的小野花</s><br>
d |2ZM%q8_0s0<s>却有着红色的外衣</s><br>51Testing软件测试网a'b"y5W9F7Ok-w
<s>泡酸的生活是寂寞的</s><br>51Testing软件测试网Digt7D2F2|g
<s>心里却一直向往着天空..</s><br>
,KmK*OF9[|+J0<br>51Testing软件测试网9y[+|r/S ?#F:_
<br>51Testing软件测试网 e` X9n.LYus9YA
<br>
3i*r3w I q8z9C0<br>51Testing软件测试网T(l;NYeJo4t+w:PV
<br>
3]5D,sfw#X'_ a!t0<br>
d)Qi MP1O)D+o#d q0<br>
ax1Z5H4D0<br>
FfJ#TJ2{ VV!it5O7Y0<br>51Testing软件测试网Cl4QC/}(k-H
<br>
#n6f CTO,r [saa U0<br>
arD KB8L/d2O:F0<br>
X+l/qtTu/s0<br>51Testing软件测试网 ~.Q~5EI4H4[t
<br>51Testing软件测试网g u%V0_K/E#]voNB
<br>
8kwr fl+] pxJ0<br>
9~ J yE lHg0<br>
_&D!D#Y$N*R!V4Whl0<br>
e5LWh]#zM'X0<br>51Testing软件测试网o[9a(t4C6bl!c
<br>
|iP2ZYF#S0<br>
yf"Y~n1x0<br>
$gte8D!{B0<br>
"Z i5Q)_N0<br>51Testing软件测试网;I%]O%wp-i
<br>51Testing软件测试网g {My0o3KZ}
<br>
2Q*K9fy)t:Q+t$px0<br>51Testing软件测试网2wBcfAF*I
<br>
e]%KWB-YlPc0<br>51Testing软件测试网OB\h Y+]8hX6d2^Z
<br>
YnHaW0<br>
_)[,Ei;M&~;\ch1W0<br>
7fz5C-hG YTr0<br>
"\0N1Fto0<br>51Testing软件测试网KQ2tEt(M"V
<br>51Testing软件测试网 e,]A ZF];K
<br>
@,rz5SA/f/ip0<br>51Testing软件测试网3G1D1sV+cYQf$li
<br>
iL!Ak,b]T |D9}.d0<br>
d3WE%V`d Z0<br>
.RT#gj.uv+{0u0<br>
f'U8t'O#T+E0<br>
rv6@B4_T~w#f r:O0<br>
3}]*L4J5a^cF%Xf qO$p0</div>
n.i|\NLgnTc@0
1NWd dqk0<p align=left>联系方式:QQ:123456|Email:<a href="mailto:paosuan@gmail.com">paosuan@gmail.com</a></P>
_"l KE%cQ` _ X+TV0
-z Q)y)M2a0<hr size=2 color=#0000ff>51Testing软件测试网F c b1X!C5`1y

-a'[W3OKm4}8M0<a href="#top">返回页首</a>
0SLqzoD&[~0
2dl;x)^U8C y rp0<!-- 下面是连接 -- >51Testing软件测试网fMJi7s^*f\
<h4 align=left>友情链接</h4>51Testing软件测试网+@Y$d-_'` lK,r
<p>我的天涯博客<a href="http://www.paosuan.cn" target="_blank">泡酸的角落</a></p>51Testing软件测试网;M#oOn};{ I%D
<p>我的图片博客<a href="http://www.gimmick.poco.cn" style="text-decoration: none">番茄炒蛋的图片</a></p>
U\lnt M M0<p>我的豆瓣主页<a href="http://www.douban.com/people/gimmicktong/">番茄炒蛋的豆瓣</a></p>
D2aeBVU"b*xK0
@*ClB N0</BODY>51Testing软件测试网QsU-a,TDvx8e)hE
</HTML>
4d6q^2@&\-Y0

TAG: 学习 HTML 笔记

 

评分:0

我来说两句

我的栏目

日历

« 2024-04-16  
 123456
78910111213
14151617181920
21222324252627
282930    

数据统计

  • 访问量: 5211
  • 日志数: 8
  • 建立时间: 2007-12-30
  • 更新时间: 2008-01-07

RSS订阅

Open Toolbar