打开APP
userphoto
未登录

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

开通VIP
代码学习作业本(一)
代码学习作业本
渔樵旧草庐
2012年10月2日启用
第一章代码基础知识
作业1.
代码与图片
代码:<IMG src="http://image50.360doc.com/DownloadImg/2012/03/0509/22043048_3.jpg" unselectable="true" h="450" w="600" y="1850" x="203" outfunc="null" initialized="true" status="2" file="http://image50.360doc.com/DownloadImg/2012/03/0509/22043048_3.jpg">
图片:
作业2
什么是代码
代码,就是HTML语言。HTML是英文HyperText Tarkup Language的缩写。即超文本标记语言或超文本链接标示语言。它通过标记和属性对一段文本的语言进行描述,它提供超文本链接,可以指向网络中另一台计算机的文件;HTML还支持在文本中镶入图象、声音、动画等不同格式的文件;HTML还具有强大的排版功能,利用HTML可以制作出任意版面的网页来。HTML代码就是“标签语言”。通过使用HTML代码,可以巧妙的将多种元素组合在一起,制作成各种漂亮的网页。
作业3
什么是标签
什么是标签?在html语言里,标签是由一个尖括号和它里面的内容组成的统一体。
作业4
什么是标签名称?标签名称在标签中的什么位置?标签的属性和属值在标签的什么位置?
尖括号里的内容,第一小段代码是“标签名称”,后面的代码是“属性”和“属值”。有的标签,没有属性与属值;而有的标签,可以有很多的属性与属值。无论其属性与属值有多少,只要是在一个尖括号里面的内容,它们和尖括号合起来就是“一个”标签。标签里的标签名称和它的属性是用一个空格来分开的,各个属性之间是用空格或者分号(;)来分开的,属性与属值之间是用等号(=)或者冒号(:)来连接的。
大部分的标签,都是成对使用的,前面有其首标签,后面必定有其尾标签。
作业5
最少找5篇简单的文章或者图片,把它们复制、粘贴到撰写文章处,点击代码编辑,然后把代码复制下来。看看它们各是由几个标签组成,并且指出哪些代码是标签名称,哪些代码是属性,哪些代码是属值。
1文字:
为人民服务
标签:<DIV><FONT style="FONT-FAMILY: 隶书; FONT-SIZE: 56px" color=#008000><STRONG>为人民服务</STRONG></FONT></DIV>
该标签由6个标签组成:首标签3个、尾标签3个。
首标签:<DIV><FONT style="FONT-FAMILY: 隶书; FONT-SIZE: 56px" color=#008000><STRONG>
尾标签:</STRONG></FONT></DIV>
标签名称:FONT style(字体样式)
属性和属值:第二个尖括号内为字体、字号、颜色。第三个尖括号内为粗体
2文字:
渔樵旧草庐欢迎您
标签:
<MARQUEE style="WIDTH: 200px; HEIGHT: 50px" direction=up height=50 width=200 scrollAmount=2 align="center"><FONT color=#ff0000 size=5>渔樵旧草庐欢迎您 </FONT></MARQUEE>
该标签由4个标签组成:2个首标签,2个尾标签。
首标签:<MARQUEE style="WIDTH: 200px; HEIGHT: 50px" direction=up height=50 width=200 scrollAmount=2 align="center"><FONT color=#ff0000 size=5>
尾标签:</FONT></MARQUEE>
标签名称:MARQUEE style=(移动方式)
属性和属值:"WIDTH(宽): 200px; HEIGHT(高): 50px" direction(移动方向)=up height(高)=50 width(宽)=200 scrollAmount(移动速度)=2 align(位置)="center"(居中)><FONT color(颜色)=#ff0000 size(字体)=5>
3图片
标签:<DIV><IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH:360px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:360px; BORDER-LEFT-WIDTH: 0px" src="http://userimage3.360doc.com/12/1004/08/9496045_201210040835130414.jpg"></DIV>
该标签由3个标签组成:2个首标签,1个尾标签。
首标签::<DIV><IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH:360px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT:360px; BORDER-LEFT-WIDTH: 0px" src="//userimage3.360doc.com/12/1004/08/9496045_201210040835130414.jpg">
尾标签:</DIV>
标签名称:IMG style(图片样式)
属性和属值:<IMG style=(图片样式)"BORDER(包边)-RIGHT(向右)-WIDTH(宽): 0px; MARGIN(范围): 0px; WIDTH(高):360px; BORDER(包边)-TOP(顶部)-WIDTH(宽): 0px; BORDER(包边)-BOTTOM(底部)-WIDTH(宽): 0px; HEIGHT(高):360px; BORDER(包边)-LEFT(向左)-WIDTH(宽): 0px" src(地址)=http://userimage3.360doc.com/12/1004/08/9496045_201210040835130414.jpg>
4图片
标签:
<DIV><IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 400px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 300px; BORDER-LEFT-WIDTH: 0px" src="http://userimage3.360doc.com/12/1004/09/9496045_201210040919200149.jpg"></DIV>
该标签由3个标签组成:2个首标签,1个尾标签。
首标签:<DIV><IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 400px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 300px; BORDER-LEFT-WIDTH: 0px" src="" target="_blank">http://userimage3.360doc.com/12/1004/09/9496045_201210040919200149.jpg">
尾标签:</DIV>
标签名称:IMG style(图片样式)
属性和属值:<IMG style(图片样式)="BORDER(包边)-RIGHT(向右)-WIDTH(宽): 0px; MARGIN(范围): 0px; WIDTH(宽): 400px; BORDER(包边)-TOP(顶部)-WIDTH(宽): 0px; BORDER(包边)-BOTTOM(底部)-WIDTH(宽): 0px; HEIGHT(高): 300px; BORDER(包边)-LEFT(向左)-WIDTH(宽): 0px" src(地址)="http://userimage3.360doc.com/12/1004/09/9496045_201210040919200149.jpg">
5图片
标签:
<DIV><IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 300px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 400px; BORDER-LEFT-WIDTH: 0px" src="http://userimage3.360doc.com/12/1004/14/9496045_201210041439310524.jpg"></DIV>
该标签由3个标签组成:2个首标签,1个尾标签。
首标签:
<DIV><IMG style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 300px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 400px; BORDER-LEFT-WIDTH: 0px" src="//userimage3.360doc.com/12/1004/14/9496045_201210041439310524.jpg">
尾标签:
</DIV>
标签名称:<IMG style(图片样式)
属性和属值:<IMG style(图片样式)="BORDER(包边)-RIGHT(向右)-WIDTH(宽): 0px; MARGIN(范围): 0px; WIDTH(宽): 300px; BORDER(包边)-TOP(顶部)-WIDTH(宽): 0px; BORDER(包边)-BOTTOM(底部)-WIDTH(宽): 0px; HEIGHT(高): 400px; BORDER(包边)-LEFT(向左)-WIDTH(宽): 0px" src(地址)="http://userimage3.360doc.com/12/1004/14/9496045_201210041439310524.jpg">
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
代码入门教程(4)
练习五 怎样认识图片标签
学习笔记 (2)
学用HTML代码做帖
网页制作常用代码集
第七节 移动标签
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服