找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2269|回复: 2

[教程] 泥鳅教你HTML(第五课){授课对象:HTML菜鸟}

[复制链接]
发表于 2011-12-19 13:14:35 | 显示全部楼层 |阅读模式 来自 广东省珠海市
泥鳅教你HTML:第五课(HTML基本标记)
温故而知新:上节课我们学习了,文字布局的标记的行的控制、文字的对齐、文字的分区、列表、列表的符号、预格式化文本、左右缩进。

今天我们学习的内容:图像标记、表格标记、表格中边框的显示
插入图像
语法:<img src=#>  #等于你放图像的路径

图像的替代文本
语法:<img alt=#>  #等于你鼠标点击图片时,想要显示的文字。

图像好文字的对齐:
语法:<img align=#> #等于align属性的值:常用的有三个值:top(顶端),middle(中间),bottom(底部).

图像边外补白:(也就是垂直间距,水平间距)
语法:
<img vspace=# hspace=#>  #=value(值)
vspace=垂直间距
hspace=水平间距

图像的表框:
语法:
<img border=#>  #=value(1,2,3,4,5,6.....)    border 翻译为:表框

图像的高度和宽
语法:
<img width=# height=#>  #=value(1,2,3,4,5...)

表格标记:
<table>                        //表格的标记
<caption>飘仙建站</caption>   //表格的标题
<tr>                            //表格的行
<td></td>                  //表格的列
<td></td>
</tr>
</table>

加边框:border   
语法:<table border=#></table>   #=1,2,3,4,5....

跨行列的表元(也叫合并列)
语法:
<th colspan=#></th>  colspan 翻译为:列的合并 #=你要合并的列数
<tr rowspan=#></tr>  rowspan 翻译为:行的合并 #= 你要合并的行数


先讲到这里,下午再来修改 午睡!





评分

参与人数 1金币 +30 收起 理由
天外飘仙 + 30 很给力!

查看全部评分

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2011-12-19 13:16:44 | 显示全部楼层 来自 吉林省长春市
非常不错!值得一看!

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

发表于 2011-12-19 13:32:42 | 显示全部楼层 来自 广西桂林市
顶贴是一种美德

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-5-12 23:26 , Processed in 0.063544 second(s), 15 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表