Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

页内文字广告代码简单制作教程 BY:cr180!!

[复制链接]
cr180 发表于 2010-3-8 16:49:49 | 显示全部楼层 |阅读模式
本帖最后由 cr180 于 2010-3-8 17:23 编辑

页内文字代码对于懂HTML代码的朋友们是非常简单的,这个教程主要针对刚入门的新手


为了更方便直观的写代码,我建议大家用Dreamweaver 软件,这样可以很快的得到需要的文字代码

第一步:新建空白html文档





第二步:建立表格


注释:因为表格比较方便一点,这里我就建议新手朋友们使用表格

表格CSS属性:width="100%" border="0" style="text-align:center; font-weight:bold; font-size:14px"

css属性解释:宽度百分之百,无边框,文字居中,文字加粗,文字规格14个像素大小

属性说明:宽度100%这样这个表格就会根据论坛宽度自动调整,如果固定宽度比论坛模板整体框架宽或者窄,就会出现内容被应藏或者宽度不够的问题,至于边框、文字大小、是否加粗等看个人喜好


第三步:书写代码






dw书写代码非常好用,因为他有提示所以不必担心自己是否能够记住这么多,只需要空格打出代码的第一个字母就会自动联想




例子:


  1. <table width="100%" border="0" style="text-align:center; font-weight:bold; font-size:14px">
  2.   <tr>
  3.     <td><a href="#" style="color:#F00">红色</a></td>
  4.     <td><a href="#" style="color:#00F">蓝色</a></td>
  5.     <td><a href="#" style="color:#090">绿色</a></td>
  6.   </tr>
  7.   <tr>
  8.     <td><a href="#" style="color:#F90">黄色</a></td>
  9.     <td><a href="#" style="color:#F09">酒红</a></td>
  10.     <td><a href="#" style="color: ">黑色</a></td>
  11.   </tr>
  12. </table>
复制代码




上面的文字连接也可以改成图片连接:
<a href="#"><img src="图片地址" alt="图片介绍,利于SEO" /></a>

如果不需要在当前窗口打开这些广告连接,那么我们可以赋予A标签的_blank属性:
<a href="#" target="_blank">

连接加注释:
<a href="#" title="注释说明">

综合:
<a href="#" title="注释说明" target="_blank">文字文字</a>


多在网上搜索相关资料对你会更有帮助:http://www.baidu.com/baidu?word=DW%C8%EB%C3%C5

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

 楼主| cr180 发表于 2010-3-8 16:51:12 | 显示全部楼层
回复

使用道具 举报

桥下街 发表于 2010-3-8 16:55:42 | 显示全部楼层
这个怎么没有一个浏览呢。
回复

使用道具 举报

aven@vip.qq.com 发表于 2010-3-8 17:54:27 | 显示全部楼层
谢谢,感谢提供这么详细的教程
回复

使用道具 举报

fancher 发表于 2010-3-8 18:37:51 | 显示全部楼层
最完美的19楼风格
回复

使用道具 举报

5236501 发表于 2010-3-8 18:57:03 | 显示全部楼层
学习了。。。。
回复

使用道具 举报

滚骨碌 发表于 2010-3-8 19:19:54 | 显示全部楼层
回复

使用道具 举报

wmanor 发表于 2010-3-8 22:35:27 | 显示全部楼层
回复

使用道具 举报

popuppp 发表于 2010-3-8 22:45:07 | 显示全部楼层
页内文字代码对于懂HTML代码的朋友们是非常简单的,这个教程主要针对刚入门的新手


为了更方便直观的写 ...
cr180 发表于 2010-3-8 16:49



    很基础的东西,但很多人不会,楼主出这样的教程,真是有心了。向你致敬
回复

使用道具 举报

jzjit 发表于 2010-4-20 10:41:42 | 显示全部楼层
支持LZ     http://www.gigacn.com
回复

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-22 19:56 , Processed in 0.034123 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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