广告栏目

你现在的位置: > 社会热点 >

代码学习群简易教程(17)



文章发布时间:2015/5/27 9:02:31



祖传秘方:一切恶疮统统根治皂角刺汤【秋冷,自制冰糖葫芦~~~~~】留几手:白富美为什么成了剩女?送给学生的50句话罗织经及译文

心若没有了归宿,到哪里都是流浪以色列战争佳作→《黎巴嫩》精美的青花古瓷艺术(八)如何快速退烧三叶草一线连过程图安卓手机越来越卡:清理软件真的有用吗?-头条网筋长一寸寿长十年的正确方法富人和穷人白酒知识的综合整理贴文人雅士读书对联赏析【中国历史大事年表(5)】14条招商必看基础知识韩惊呼:张成泽面会胡总,或为金正恩访华进行探路妊娠服药禁忌歌诀[转载]周恩来曾亲自让邓颖超工资降级关于练习“静功缠丝太极拳(简化24式)”的要领说明感情,没有取悦,只有真心实意的不离;人心,没有践踏,只有相伴相依的温情谁借我厨房第三集4野味洋吃做事的10个顺序是什么江浙一带,哪些燃气设计院比较好呢?有没有学建环燃气的前辈啊?你们有忍不住像父母发火的时候吗?权力在阳光下运行还有多远?十八大政治报告选择题没有什么想问的了?~哥德巴赫猜想

【快消品】中小企业如何最有效地切入新市场?(汤志庆)读的是空间,品的是主人甯岀壒鍕掔殑涓€鐢燂紞鐪嬭繃浣犲氨涓嶅悗鎮?缁勫浘)(浜?哥德巴赫猜想

常 用 标 签
——“春天没来”编撰






本节讲解八种标签:换行标签、粗体标签、强调标签、<em> 标签、斜体标签、下划线标签、不换行标签与注释标签。其中最常用的是“换行标签”、“粗体标签”与“注释标签”。。
一、<BR>标签: 换行标签。
<BR>标签,是换行标签。它的作用是换行。在<BR>后面的内容,会显示在下一行。如果连续应用两个<BR>标签,就会空出更大的距离。
 <BR>标签是空标签,它没有尾标签。
代码举例:
<DIV align=center><FONT color=#ff0000 size=5 face=华文行楷>红军不怕远征难,<BR>万水千山只等闲。<BR><BR>五岭逶迤腾细浪,<BR>乌蒙磅礴走泥丸。<BR><BR>金沙水拍云崖暖,<BR>大渡桥横铁索寒。<BR><BR>更喜眠山千里雪,<BR>三军过后尽开颜。  </FONT></DIV>
效果:
红军不怕远征难,
万水千山只等闲。

五岭逶迤腾细浪,
乌蒙磅礴走泥丸。

金沙水拍云崖暖,
大渡桥横铁索寒。

更喜眠山千里雪,
三军过后尽开颜。

二、<b>标签:粗体标签。
粗体标签是一套标签。有首标签,必须有其尾标签。
在<b>与</b>之间的文字,显示为粗体文字。
代码比较:
1、非粗体文字:
代码:
<DIV><FONT color=#ff0000 size=5 face=华文行楷>不断地变化属性属值,观察显示效果,是学习代码的捷径之一。 </FONT></DIV>
效果:
不断地修改属性属值,观察显示效果,是学习代码的捷径之一。
2、粗体文字:
代码:
<DIV><FONT color=#ff0000 size=5 face=华文行楷><B>不断地修改属性属值,观察显示效果,是学习代码的捷径之一。<B></FONT></DIV>
效果:
不断地修改属性属值,观察显示效果,是学习代码的捷径之一。
三、<!--注释-->标签: 注释标签。
注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
可以使用注释标签对您制作的某篇网页代码进行解释,这样做有助于您在以后查阅您制作这篇网页时应用代码的方法,也可让别人了解您制作这篇网页应用代码的方法。
注释标签的表达式为:<!--注释内容-->
即:在尖括号内输入一个感叹号,再输入四个短横线。注释的内容要放在四个短横线的中间。
最近我发表的几篇《教程》中,凡是有滚动条边框的地方,都应用了注释标签。您可在代码编辑页面中查看一下。
四、<strong>标签:强调标签。也有人把它也叫做“粗体标签”。
强调标签也是一套标签。有首标签,必须有其尾标签。
在<strong>与</strong>之间的文字,显示为粗体文字。
<B>标签与<strong>标签显示的效果基本上是相同的。
代码:
<DIV><FONT color=#ff0000 size=5 face=华文行楷><strong>不断地修改属性属值,观察显示效果,是学习代码的捷径之一。</strong></FONT></DIV>
效果:
不断地修改属性属值,观察显示效果,是学习代码的捷径之一。
也有的朋友这样讲:<B>标签重在加粗,<strong>重在强调。

五、<em>标签:也是表示强调,一般浏览器显示效果是斜体。
<em>标签也是一套标签。有首标签,必须有其尾标签。
在<em>与</em>之间的文字,显示为斜体文字。它的粗体效果,不大明显。
代码:
<DIV><FONT color=#ff0000 size=5 face=华文行楷><em>不断地修改属性属值,观察显示效果,是学习代码的捷径之一。</em></FONT></DIV>
效果:
不断地修改属性属值,观察显示效果,是学习代码的捷径之一。
六、<I>标签:斜体标签。
斜体标签也是一套标签。有首标签,必须有其尾标签。在<I>与</I>之间的文字,显示为斜体文字。
代码:
<DIV><FONT color=#ff0000 size=5 face=华文行楷><I>斜体文字,也挺美观的欧!</I></FONT></DIV>
效果:
斜体文字,也挺美观的欧!

七、<u>标签:下划线标签。
下划线标签也是一套标签。有首标签,必须有其尾标签。
在<u>与</u>之间的文字,显示为下划线文字。
代码:
<DIV><FONT color=#ff0000 size=5 face=华文行楷><U>下划线文字,会给文字的下方添加一条下划线。</U></FONT></DIV>
效果:
下划线文字,会给文字的下方添加一条下划线。
下划线文字容易与链接文字混淆,所以,不建议使用。只了解一下就行了。
八、 <nobr>标签:不换行标签。
不换行标签也是一套标签。有首标签,必须有其尾标签。
用“不换行标签”控制的内容,不会换行。
1、用不换行标签控制文字:
代码举例:
<DIV><FONT color=#ff0000 size=5 face=华文行楷><NOBR>学习代码重在运用。在360图书馆学习代码,就是要在文章编辑中,通过代码把自己发表的文章编辑得更工整,更规范,更精致,更漂亮。 </NOBR></FONT></DIV>
效果:因为这种效果的文字页面过宽,故略。你可用上面的代码自己测试显示效果。
2、用不换行标签控制图片:
代码举例:

<DIV><NOBR><IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 750px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 1115px; BORDER-LEFT-WIDTH: 0px" alt=古装美女 src="http://image63.360doc.com/DownloadImg/2013/08/0313/34243449_1.jpg"> <IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 750px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 1115px; BORDER-LEFT-WIDTH: 0px" alt=古装美女 src="http://image63.360doc.com/DownloadImg/2013/08/0313/34243449_2.jpg"> <IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 750px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 1115px; BORDER-LEFT-WIDTH: 0px" alt=古装美女 src="http://image63.360doc.com/DownloadImg/2013/08/0313/34243449_3.jpg"> <IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 750px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 1115px; BORDER-LEFT-WIDTH: 0px" alt=古装美女 src="http://image63.360doc.com/DownloadImg/2013/08/0313/34243449_4.jpg"> </NOBR></DIV>

效果:因为这种效果的图片页面过宽,故略。你可用上面的代码自己测试显示效果。

俗话说得好:会看的看个门头接道,不会看的看个红火热闹。学会代码知识,你就会分析别人制作的精美网页的门头接道啦,不然的话,只能看个红火热闹欧!

——“春天没来”谨启

作业:

1、认识本节讲解的七种标签。
2、什么是空标签?说出几种常用的空标签。
3、应用文字标签与粗体标签制作一篇网页,观察其显示效果。再修改文字标签的文字颜色属性与字号属性,观察其显示效果。
4、应用文字标签与换行标签制作一篇网页,观察其显示效果。再修改文字标签的文字颜色属性与字号属性,观察其显示效果。
5、应用不换行标签制作一篇文字网页,观察其显示效果。
6、应用不换行标签制作一篇图片网页,观察其显示效果。
7、制作一篇文字网页,其中的某一行或者某一个段落,要应用斜体标签。
8、制作一篇网页,在网页代码中应用注释标签。







“春天没来”编撰
2014年6月4日于北京


社会热点 │ 小道消息 │ 生活聚焦 │ 城市风声 │ 网络新闻 │ 连播快讯

新闻连播版权所有
不存在相应的目录