II.〆雪灬颜° 发表于 2011-11-24 22:53:11

文字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:01:11

本帖最后由 II.〆蝶儿° 于 2011-11-24 23:03 编辑 <br /><br /><P>1-5:文字体现的综合练习。 <BR>&nbsp;&nbsp;例1-5: <BR>&nbsp;&nbsp;&lt;font face=楷体 szie=5 color=#00ffff&gt;练习1&lt;/font&gt; <BR>&nbsp;&nbsp;&lt;font face=仿宋 size=7 color=#ff00ff&gt;练习2&lt;/font&gt; <BR>&nbsp;&nbsp;&lt;font face=黑体 size=2 color=red&gt;我&lt;/font&gt; <BR>&nbsp;&nbsp;&lt;font face=楷体_GB2312 size=6 color=blue&gt;也&lt;/font&gt; <BR>&nbsp;&nbsp;&lt;font face=宋体 size=3 color=#000000&gt;来&lt;/font&gt; </P>
<P>&nbsp;</P>
<P>2-1:文字的段落元素 p <BR>&nbsp;&nbsp;范例2-1: <BR>&nbsp;&nbsp;&lt;p&gt;这是第一段文字&lt;/p&gt; <BR>&nbsp;&nbsp;&lt;p&gt;这是第二段文字&lt;/p&gt; <BR>&nbsp;&nbsp;&lt;p&gt;这是第三段文字&lt;/p&gt; </P>
<P><BR>2-2:文字段落的对齐属性 align ——(属性值有居中center,居左left,居右right)&nbsp;<BR>&nbsp;&nbsp;例2-2: <BR>&nbsp;&nbsp;&lt;p align=center&gt;我要居中&lt;/p&gt; <BR>&nbsp;&nbsp;&lt;p align=left&gt;我在左边&lt;/p&gt; <BR>&nbsp;&nbsp;&lt;p align=right&gt;我在右边&lt;/p&gt; </P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>刚刚少了几个,现在补上</P>

II.〆鸽子° 发表于 2011-11-24 23:10:59


  蝶儿,你变强大了!

挥霍的年代。 发表于 2011-11-24 23:23:30

{:70_288:}看不懂啊。要认真学习了

II.〆雪灬颜° 发表于 2011-11-24 23:24:07

II.〆鸽子° 发表于 2011-11-24 23:10 static/image/common/back.gif
  蝶儿,你变强大了!

鸽子大叔   你打击到我了    我是因为自己搞不懂那些   所以才去查的       然后发出来让和我一样不明白的同学看明白       以后慢慢的学H代码就容易了

云晓月 发表于 2011-11-24 23:29:02

常握了基本属性就好很多了。

II.〆雪灬颜° 发表于 2011-11-24 23:31:44

II.〆萩仴° 发表于 2011-11-24 23:29 static/image/common/back.gif
常握了基本属性就好很多了。

我就是连基本属性都不知道          才去查的      嘿嘿       学院里没有教基本属性的帖子

晓清 发表于 2011-11-24 23:41:03

辛苦蝶儿了哈 有时候懒得看这些

II.〆雪灬颜° 发表于 2011-11-24 23:45:19

II.〆兮忆° 发表于 2011-11-24 23:41 static/image/common/back.gif
辛苦蝶儿了哈 有时候懒得看这些

{:2_266:}我也懒       可是不会      所以只好去查去看了

Mimiko 发表于 2011-11-25 01:14:02

{:2_260:}{:2_260:}{:2_260:}哇........好强大好强大

hsq3501470 发表于 2011-11-25 02:26:39

Mimiko 发表于 2011-11-25 01:14 static/image/common/back.gif
哇........好强大好强大

咪咪都会了吧,还来这些

hsq3501470 发表于 2011-11-25 02:27:11

我只是来学习的{:70_283:}有些懂得

Mimiko 发表于 2011-11-25 03:24:19

hsq3501470 发表于 2011-11-24 19:26 static/image/common/back.gif
咪咪都会了吧,还来这些

{:2_267:}{:2_267:}{:2_267:}除了啃鸡腿 我啥都不会

こ月下幽明ヘ 发表于 2011-11-25 08:33:17

{:2_260:}我太需要这个了。谢谢蝶儿{:2_260:}

II.〆花花° 发表于 2011-11-25 08:34:11

{:2_270:}亲爱的被代码整惨了

莫筱 发表于 2011-11-25 08:39:49

{:2_281:}{:2_281:}蝶儿以后莪什么不会来你这里搜了~~

Lo、、Ro、、 发表于 2011-11-25 08:46:44

{:2_260:}{:2_260:}蝶儿真厉害   {:2_257:}{:2_257:}

II.〆冷柔° 发表于 2011-11-25 09:32:49

-, -完全看不懂, - -咳。~

II.〆雪灬颜° 发表于 2011-11-25 11:29:37

こ月下幽明ヘ 发表于 2011-11-25 08:33 static/image/common/back.gif
我太需要这个了。谢谢蝶儿

不客气   用的上就好了{:eb500:}

II.〆雪灬颜° 发表于 2011-11-25 11:30:21

II.〆花花° 发表于 2011-11-25 08:34 static/image/common/back.gif
亲爱的被代码整惨了

嗯      我对H代码是一点都不会       所以找了半夜的资料{:eb343:}
页: [1] 2
查看完整版本: 文字HTML编辑元素属性、属性值、以及段落