打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
启步学代码【16--1】
启步学代码【1】
欢迎您!启步学代码。
(1)
(原创编辑:游子。供初学HTML代码的朋友参考)
在网上经常见到很多精彩漂亮的网页和贴图。这些佳作都是用各种代码和软件编辑出来的。很想学一点,可是看教材头就晕,入门难呵!后来采用从简入手,边学边测试,才学到一点点东东。没有专业知识,如何启步呢?只要你会电脑系统操作和26个英文字母就可以了。先看一遍HTML语言教材,看不懂也无关系,以后回来再学习。学本领,读书还是要的。
简略认识一下HTML代码。HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“<  和  >")作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签名字 属性>”来表示。而且大部份是成对的双标签,即首标签和尾标签。
可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字,就必须用下面文字设置代码。
<font style=font:60pt face=隶书 color=ff0000>
网络世界
</font>
显示结果:
网络世界
这组文字设置代码在网络世界前面的是“始标签”,在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。对照说明:
<font style=font:60pt face=隶书 color=ff0000>
网络世界
</font>
◇代码的第一行标签名  字号大小  什么字体字的颜色
◇代码的第二行     文字内容
◇代码的第三行  尾标签
在“网络世界”4个字前面加一个移动始标签<marquee>,后面加一个尾标签</marquee>,这4个字就能移动了。
移动标签代码:
<marquee>网络世界</marquee>。
只有名称,没有其他属性内容时,系统默认从右向左走。显示结果:
网络世界
增加移动标签的属性内容和属值,就能实现其他移动的方向和速度。例如为上面“网络世界”四个大字从左向右走编一组代码:
<marquee direction=right scrollamount=2>
<font style=font:60pt face=隶书 color=ff0000>网络世界</font>
</marquee>
网络世界
◇代码的第一行是移动的始标签,内有标签名marquee和两个属性内容,即direction=right移动方向和scrollamount=2移动速度。
◇代码的第二行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。
◇代码的第三行是移动标签的结尾标签。
◇记住:HTML标签是成对的,前面有一个始标签,后面必须有一个尾标签,不可多也不可少。只有少数几个标签可以单独使用,如过行<br>代码就不用尾标签。
启步学习代码先从三个内容入手:
(一)文字设置或叫布局。
(二)表格(图框)设置。
(三)常用代码语句的应用。
编辑:游子
(待续)
(为了让更多网友学用html代码贴图制作网页,本贴欢迎转载,但是,转载时请不要把原创编辑游子的名字改掉。谢谢!)
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
HTML代码是什么意思——附文字移动代码
初学HTML代码
起步学代码
代码入门教程(5)
左右移动字代码
代码学习作业本(一)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服