|
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
【公告】网友培训中心重要帖子指南 |
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
| ||||||
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
11.[第二讲]HTML帖子的制作教程---晨光辉[学习活动7]
表格初步
表格是在论坛做帖的重要武器。这原因是,论坛里提供给用户操作的区域是非常有限的,用户只能在论坛程序框架好的body区域里的某个区域施展身手,不能修改body的背景色,更不能介入head的定义,因此,诸如让自己的帖子有底色、底图之类的修饰,用户只能通过表格来实现。表格是一个可自定义的容器,因而它就是我们用以实现帖子构设的利器。
把表格称作容器缘于表格的装载特性。表格是用于装载数据的,与我们现实中所看到和理解的表格非常一致。我们在Word和Excel里都接触过表格,知道表格有表头、表体、单元格、行、列等等概念,它们并不难理解。而在HTML里,我们对表格的理解和运用可能会增加一些概念,但并非复杂,在学习本教程的过程中,通过领会和实践,相信是很容易掌握的。
表格不仅仅只能装载数据,它还被广泛地应用于网页的布局,这与表格可以将其所在区域划分为行和列即诸多单元格密切相关。表格用于网页布局过去非常流行,现在仍然深受欢迎,它在论坛做帖也起到不可估量的作用,帖子的页面布局将因使用了表格而可以随心所欲地排版。
现在我们来看看表格的基本代码构成。以下是一个完整的表格标签代码框架,为了能够一目了然,各元素尚未引入它们的属性:
<table>
<tbody>
<tr>
<td>内容</td>
</tr>
</tbody>
</table>
说明:
<table>:表格的起始符。任意一个表格的开始都必须以它开头,且必须有终止符</table>。
<tbody>:表体的起始符。紧跟在<table>之后,表示表体开始。必须有结尾符,放在</table>之前。在纯网页中可以不要tbody元素,但在论坛一定要使用,否则,当帖子用到较多的表格时,论坛的自动填充功能将可能会导致代码出错。
<tr>:tr的作用是规定表格的行,其中,t是table,r是row(行)。有多少组tr,这张表格就有多少行。<tr>紧跟在<tbody>之后。必须有终止符</tr>。
<td>:td的作用是规定表格的列,t是table,d可理解为down(向下)。有多少组td,这张表格就有多少列。第一个<td>紧跟在<tr>之后。终止符为</td>。td与tr配合构成单元格。
</td>、</tr>、</tbody>、</table>:这些都是相应元素的终止符,表示相应元素所规范的内容结束。必须注意它们的排列顺序,不能有错。
从表格的代码框架分析得出:表格标签里,所有元素都成对出现,而这些元素是按照从大到小的顺序从外往里层层包裹的。table最大,它占在起始和终结的位置,tbody是老二,tr是老三,td最小,它在最里层。
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
常州蓝白工作室 ,klt8829359@yahoo.com.cn http://club.china.alibaba.com/forum/threadList/158__.html
此講內容:1:上傳圖片 2:複製和粘貼 第二讲 (上传图片) 想在你的文章中插上图片的话,我们通常采用的方法有三种。一种是上传图片,二:是复制粘贴,三种:是通过代码来实现的。上传图片的方法有一种局限就是只能传上一张图片,所以一般的熟手不采用这种方法,第三种代码的方法很烦琐,所以最多都是采用第二种方法的多。 上傳圖片的具體方法和步驟 在HTML的编辑器中有一个按键“在文章里加图片”点击它弹出一个对话框,再点击“浏览”弹出对话框,找到你要上传图片所在的文件夹,在文件夹里找到你的图片点击它,然后点“确认”这时要等待一下系统提示“上传成功”后,再“预览”看看图片,就可以发表了。 学习它的目的就是要熟悉HTML编辑器的各种功能键 上传图片时有一点要注意就是定位问题,有时它不是在你想要的位子,最简单的方法就是用HTML中的功能按键“居中,居左,居右”等来解决的,如果想要它在一些特殊的位子,那只有通过代码来实现了,以后会给大家讲到这方面的知识的。 複製和粘貼的方法 这是一种最基本的操作也是一种最常用的操作方法也许大家都知道怎么使用,但是确实还有人不知道怎么使用,所以对一些刚上论坛的人来讲确实需要给他们讲一讲。 操作方法:选定要上传的图片,按鼠标 右键,弹出菜单,点复制,然后到HTML编辑器中选定要粘贴的位子,点鼠标左键以确定粘贴的地方,然后点鼠标右键,弹出菜单,点粘贴,就可以了。最后是调整图片位子到理想的状态。就大功告成了。 这种方法可以上传多张图片,所以用的很多。 有不对的地方请老师们和同学们斧正。 学习快乐,快乐学习! 主讲:晨光辉 2008年3月20日 [第三讲]复制和粘贴以及上传图片---晨光辉[学习活动七]
開學第一天就遇到好多的提問,有些
問題是最基礎的問題和操作方法,由
於學員水準參差不齊,這一講我們從
最基礎的知識講起
祝同學們學業有成!
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
今天下课了,明天继续加油。
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
|
惠城区水口镇荔枝城开发区粤特实业有限公司:餐具附件;厨房用铲;蒸锅炒锅 新华佳手套厂.邮箱:furong1975918…
欢迎新老同学的到来!
雨季前来交流学习!
网友培训中心欢迎您: http://club.china.alibaba.com/forum/threadList/158_1.html QQ:171132868
|
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
14.第四讲]超连接的制作方法---晨光辉[学习活动7]
|
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
|
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
单张图片尺寸压缩用语
一张普通图片如下图:尺寸压缩后如下图
代码如下:
<TABLE border=3>
<TBODY>
<TR>
<TD>
<IMG src="你需要的图片地址" _fcksavedurl=""你需要的图片地址"" _fcksavedurl=""你需要的图片地址"" _fcksavedurl=""你需要的图片地址"" width=300 height=300>
</TD>
</TR>
</TBODY>
</TABLE>
border 为图片边框的尺寸,width 和 height 则为图片的宽高,
这个尺寸可以随意调节,以图片美观,则大小适宜。
再一个就是 -- 没有边框的:
代码如下:
<img src="你需要的图片地址" width=250>
| .... 在这里输入你需要的文字或图片 ... |
给图片外框增添颜色
文字在背景图片里居中
| 秋风秋雨迎秋致, 秋意秋韵宜秋君, 秋花秋蟹捎秋讯, 秋情秋果喜煞人。 |
文字在背景图片里居中滚动
秋风秋雨迎秋致, 秋意秋韵宜秋君, 秋花秋蟹捎秋讯, 秋情秋果喜煞人。 |
图片在背景图片里居中滚动
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
<br />
<table cellspacing="0" cellpadding="0" align="center" border="0">
<tbody>
<tr>
<td><br />
<table cellspacing="1" align="center" bgcolor="#000000" border="0">
<tbody>
<tr valign="middle" align="center" bgcolor="#000000">
<td align="center"><blockquote><marquee scrollamount="3" direction="up" height="300" align="center">
<p> </p>
<img alt="" border="0" src="http://images18.51.com/1001/b/14/f9/zwl20061230/1189511159_0.89152500.jpg" />
<p> </p>
<img alt="" border="0" src="http://images18.51.com/1001/b/8b/28/skunsunjia/1189798899_0.10080400.jpg" />
<p> </p>
<img alt="" border="0" src="http://images18.51.com/1001/c/8b/28/skunsunjia/1189798898_0.96970800.jpg" />
<p> </p>
<p><img alt="" border="0" src="http://images18.51.com/1001/c/8b/28/skunsunjia/1189798898_0.83137700.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1003/b/8b/28/skunsunjia/1189798898_0.69812200.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1000/c/8b/28/skunsunjia/1189798898_0.56206500.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1003/b/8b/28/skunsunjia/1189798898_0.41348700.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1000/c/8b/28/skunsunjia/1189798898_0.25849800.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1000/c/8b/28/skunsunjia/1189798898_0.08626800.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1002/a/8b/28/skunsunjia/1189798897_0.81810300.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1001/b/8b/28/skunsunjia/1189798897_0.44923300.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1000/b/8b/28/skunsunjia/1189798896_0.52580900.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1002/a/8b/28/skunsunjia/1189798896_0.20581000.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1003/a/8b/28/skunsunjia/1189798896_0.01980700.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1001/c/8b/28/skunsunjia/1189798895_0.92428600.jpg" /></p>
<p><img alt="" src="http://images18.51.com/1003/b/8b/28/skunsunjia/1189798895_0.77404900.jpg" /></p>
<p> </p>
</marquee>
<div></div>
<p> </p>
<p align="right"> </p>
<marquee scrollamount="3" direction="down" height="300" align="center">
<p> </p>
<p><img alt="" border="0" src="http://images18.51.com/1001/b/14/f9/zwl20061230/1189511159_0.89152500.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1001/b/8b/28/skunsunjia/1189798899_0.10080400.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1001/c/8b/28/skunsunjia/1189798898_0.96970800.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1001/c/8b/28/skunsunjia/1189798898_0.83137700.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1003/b/8b/28/skunsunjia/1189798898_0.69812200.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1000/c/8b/28/skunsunjia/1189798898_0.56206500.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1003/b/8b/28/skunsunjia/1189798898_0.41348700.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1000/c/8b/28/skunsunjia/1189798898_0.25849800.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1000/c/8b/28/skunsunjia/1189798898_0.08626800.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1002/a/8b/28/skunsunjia/1189798897_0.81810300.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1001/b/8b/28/skunsunjia/1189798897_0.44923300.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1000/b/8b/28/skunsunjia/1189798896_0.52580900.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1002/a/8b/28/skunsunjia/1189798896_0.20581000.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1003/a/8b/28/skunsunjia/1189798896_0.01980700.jpg" /></p>
<p><img alt="" border="0" src="http://images18.51.com/1001/c/8b/28/skunsunjia/1189798895_0.92428600.jpg" /></p>
<p><img alt="" src="http://images18.51.com/1003/b/8b/28/skunsunjia/1189798895_0.77404900.jpg" /></p>
<p> </p>
</marquee>
<div></div>
<p> </p>
</blockquote>
<table cellspacing="0" cellpadding="0" width="70%" align="center" border="0">
<tbody>
<tr>
<td align="center"><marquee scrollamount="1" scrolldelay="100" direction="right" width="160"><img alt="" src="http://img2.3lian.com/img2007/1/08/200610249293771019.gif" /></marquee></td>
<td align="center"><marquee scrollamount="1" scrolldelay="100" width="160"><img alt="" src="http://img2.3lian.com/img2007/1/08/200610249282671019.gif" /></marquee></td>
<td align="center"><marquee scrollamount="1" scrolldelay="100" direction="right" width="160"><img alt="" src="http://img2.3lian.com/img2007/1/08/20061024929621019.gif" /></marquee></td>
<td align="center"><marquee scrollamount="1" scrolldelay="100" width="160"><img alt="" src="http://img2.3lian.com/img2007/1/08/200610249292091019.gif" /></marquee></td>
</tr>
</tbody>
</table>
<p align="center"><embed style="DISPLAY: block; LEFT: 204px; MARGIN: 0px auto 10px; WIDTH: 398px; TOP: 0px; HEIGHT: 69px; TEXT-ALIGN: center" src="http://www.hnxnw.gov.cn/mhdh/zhuwu-Bamboo_Dance.mp3" width="398" height="69" type="application/x-mplayer2" loop="1" autostart="1"></embed></p>
</td>
</tr>
</tbody>
</table>
<br />
<table cellspacing="0" cellpadding="0" align="center" border="0">
<tbody>
<tr>
<td class="pt9" align="center" width="100%"> </td>
</tr>
<tr>
<td width="100%" height="10"> </td>
</tr>
</tbody>
</table>
<table cellspacing="0" align="center" border="0">
<tbody>
<tr>
<td class="pt9" width="12%" height="18"> </td>
<td class="pt9" valign="bottom" width="23%" height="18"> </td>
<td class="pt9" valign="bottom" align="right" width="65%" height="18"> </td>
</tr>
</tbody>
</table>
<br />
<table cellspacing="0" align="center" border="0">
<tbody>
<tr>
<td height="5"><hr />
</td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="98%" align="center" border="0">
<tbody>
<tr>
<td class="pt9" align="left" width="20%" height="50"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/
专业做咖啡机设备,咖啡原料.QQ:512680445 >进入淘宝店铺: http://shop36806481.taobao.com/