文字HTML编辑元素属性、属性值、以及段落
本帖最后由 II.〆蝶儿° 于 2011-11-24 23:04 编辑1:文字的HTML元素 font 。
例1:
<font>如何表达文字</font>
1-2:文字的字型属性face 设定文字的形体——(属性值有“宋体,黑体,楷体,仿宋,.....等等)
范例1-2:表达方式<font face=属性值>
<font face=宋体>我是宋体的</font>
<font face=黑体>我是黑体的</font>
<font face=楷体>我是楷体的</font>
<font face=仿宋>我是仿宋的</font>
1-3:文字的大小属性 size 设定文字的字号——(属性值是1到7或是+1到+7,或是-1到-7),文字的字号没有绝对的大小,只是相对默认字体的大小。
例1-3;表达方式<font size=属性值>
<font size=7>我是7号字</font>
<font size=6>我是6号字</font>
<font size=5>我是5号字</font>
<font size=+1>我是+1号字</font>
<font size=-1>我是-1号字</font>
<font size=-3>我是-3号字</font>
1-4:文字的颜色属性 color 设定文字的色彩——(属性值可以是英文的颜色单词,也可以是十六进制代码)
例1-4:表达方式<font color=属性值>
<font color=#000000>我是黑色的#000000</font>
<font color=black>我也是黑色的black</font>
<font color=blue>我是蓝色的blue</font>
<font color=#ff0000>我是红色的#ff0000</font>
1-5:文字体现的综合练习。
例1-5:
<font face=楷体 szie=5 color=#00ffff>练习1</font>
<font face=仿宋 size=7 color=#ff00ff>练习2</font>
<font face=黑体 size=2 color=red>我</font>
<font face=楷体_GB2312 size=6 color=blue>也</font>
<font face=宋体 size=3 color=#000000>来</font>
3-1:特殊符号的输入。这里介绍一个比较常用的符号“空格符号”
范例3-1: 空格符号体现方式
<p align=center>我们 一 起 学习 一起努力</p>
3-2: 文字的修饰标记
3-2-1:粗体标记 B或是 strong
<b>我是加粗的--b</b>
<strong>我是加粗的</strong>
3-2-2:斜体标记i 或是 em 或是 cite
<i>我是倾斜的--i</i>
<em>我也是--em</em>
<cite>我还是--cite</cite>
3-2-3:下划线u
<u>下划线标记---u</u>
3-2-4:删除线标记s 或是strike
<s>删除线标记---s</s>
<strike>删除线标记---strike</strike>
3-2-5:换行标记br (*这是一个比较特殊的标记,只是用于文字的换行.添加一个就换一行,可以叠加使用,而且它只是单一的,没有结束方式)
换行标记BR<br>再换一行<br><br>换行标记BR<br><br><br><br>换行标记BR
3-2-6:水平线的标记hr (*这个标记也比较特殊,没有结尾方式。可以添加附属属性)
添加水平线
<hr>
<p>添加水平线
附属属性:width(水平线宽度,属性值可以是像素,也可以是百分比为单位)
size (*水平线的高度,必须使用绝对的像素单位)
noshade (水平线去掉阴影)
color (水平线颜色)
align (水线的排列属性,属性值为center,left,ringt)
范例:3-2-6-1
添加水平线附属属性
<hr>
<p>添加宽度属性width=100%
<hr width=100%>
<p>width=200
<hr width=200>
<p>添加高度属性size=3
<hr size=3>
<p>size=6
<hr size=6>
<p>添加去处阴影属性noshade
<hr noshade>
<p>添加颜色属性color=#663399
<hr color=#663399>
<p>color=#336699
<hr color=#336699>
<p>color=blue
<hr color=blue>
<p>添加排列属性 ailgn=center
<hr align=center width=80%>
<p>align=left
<hr align=left width=300>
<p>align=right
<hr ailgn=right width=300>
<p>添加水平线附属属性
指定文字大小样式的代码
style="font: 50pt"
本帖最后由 II.〆蝶儿° 于 2011-11-24 23:03 编辑 <br /><br /><P>1-5:文字体现的综合练习。 <BR> 例1-5: <BR> <font face=楷体 szie=5 color=#00ffff>练习1</font> <BR> <font face=仿宋 size=7 color=#ff00ff>练习2</font> <BR> <font face=黑体 size=2 color=red>我</font> <BR> <font face=楷体_GB2312 size=6 color=blue>也</font> <BR> <font face=宋体 size=3 color=#000000>来</font> </P>
<P> </P>
<P>2-1:文字的段落元素 p <BR> 范例2-1: <BR> <p>这是第一段文字</p> <BR> <p>这是第二段文字</p> <BR> <p>这是第三段文字</p> </P>
<P><BR>2-2:文字段落的对齐属性 align ——(属性值有居中center,居左left,居右right) <BR> 例2-2: <BR> <p align=center>我要居中</p> <BR> <p align=left>我在左边</p> <BR> <p align=right>我在右边</p> </P>
<P> </P>
<P> </P>
<P>刚刚少了几个,现在补上</P>
蝶儿,你变强大了! {:70_288:}看不懂啊。要认真学习了 II.〆鸽子° 发表于 2011-11-24 23:10 static/image/common/back.gif
蝶儿,你变强大了!
鸽子大叔 你打击到我了 我是因为自己搞不懂那些 所以才去查的 然后发出来让和我一样不明白的同学看明白 以后慢慢的学H代码就容易了 常握了基本属性就好很多了。 II.〆萩仴° 发表于 2011-11-24 23:29 static/image/common/back.gif
常握了基本属性就好很多了。
我就是连基本属性都不知道 才去查的 嘿嘿 学院里没有教基本属性的帖子 辛苦蝶儿了哈 有时候懒得看这些 II.〆兮忆° 发表于 2011-11-24 23:41 static/image/common/back.gif
辛苦蝶儿了哈 有时候懒得看这些
{:2_266:}我也懒 可是不会 所以只好去查去看了 {:2_260:}{:2_260:}{:2_260:}哇........好强大好强大 Mimiko 发表于 2011-11-25 01:14 static/image/common/back.gif
哇........好强大好强大
咪咪都会了吧,还来这些 我只是来学习的{:70_283:}有些懂得 hsq3501470 发表于 2011-11-24 19:26 static/image/common/back.gif
咪咪都会了吧,还来这些
{:2_267:}{:2_267:}{:2_267:}除了啃鸡腿 我啥都不会 {:2_260:}我太需要这个了。谢谢蝶儿{:2_260:} {:2_270:}亲爱的被代码整惨了 {:2_281:}{:2_281:}蝶儿以后莪什么不会来你这里搜了~~ {:2_260:}{:2_260:}蝶儿真厉害 {:2_257:}{:2_257:} -, -完全看不懂, - -咳。~ こ月下幽明ヘ 发表于 2011-11-25 08:33 static/image/common/back.gif
我太需要这个了。谢谢蝶儿
不客气 用的上就好了{:eb500:} II.〆花花° 发表于 2011-11-25 08:34 static/image/common/back.gif
亲爱的被代码整惨了
嗯 我对H代码是一点都不会 所以找了半夜的资料{:eb343:}
页:
[1]
2