初学HTML代码

来源:百度文库 编辑:神马文学网 时间:2024/05/03 18:12:00

初学HTML代码

可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字,就必须用下面文字设置代码。



网络世界



显示结果:

网络世界

这组文字设置代码在网络世界前面的是“始标签”,在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。对照说明:



网络世界



◇代码的第一行标签名 字号大小 什么字体字的颜色

◇代码的第二行 文字内容

◇代码的第三行 尾标签

在“网络世界”4个字前面加一个移动始标签,后面加一个尾标签,这4个字就能移动了。

移动标签代码:

网络世界

只有名称,没有其他属性内容时,系统默认从右向左走。显示结果:

网络世界








--------------------------------------------------------------------------------





增加移动标签的属性内容和属值,就能实现其他移动的方向和速度。例如为上面“网络世界”四个大字从左向右走编一组代码:



网络世界



网络世界

◇代码的第一行是移动的始标签,内有标签名marquee和两个属性内容,即direction=right移动方向和scrollamount=2移动速度。

◇代码的第二行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。

◇代码的第三行是移动标签的结尾标签。

◇记住:HTML标签是成对的,前面有一个始标签,后面必须有一个尾标签,不可多也不可少。只有少数几个标签可以单独使用,如过行
代码就不用尾标签。


--------------------------------------------------------------------------------











强烈推荐:电脑又卡又慢的解决办法!

.cPic7_de{ width:100%; padding:6px 0; clear:both;padding-left:10px;}.cPic7_de li{ width:80px; margin:0 4px; display:inline;text-align:center; float:left;}.cPic7_de li img{ padding:1px; display:block; background:#fff; border:1px solid #DADADA; margin:0 auto;}.cPic7_de li a{ display:block; padding-top:6px; border:1px solid #fff;color:#999;}.cPic7_de li a:hover{background:#ECEFF5; color:#f60; border:1px solid #CED5E1; }

最近读过