代码入门教程（17）

　　第二章标签应用
　　第十九节链接标签的应用（1）
　　从本节开始讲解链接标签的应用。今天讲解三种链接方式：文字链接方式、图片链接方式和文章地址链接方式。
　　“链接标签”的重要性，我在代码入门教程（5）中已经讲过了，链接标签是制作网页必不可少的一个标签。学习代码就应该把链接标签学好，学会应用链接标签制作文章的链接标题，学会应用链接标签制作模块。
　　链接的基本语法为：链接的网址targetblank页面中要显示的文字或者图片等内容。
　　常用的“链接标签”有三类表示方式：
　　1、文字链接方式：链接地址targetblank文字内容
　　文字链接方式举例1：
　　http：www。360doc。comcontent120531094127803214898254。
　　精美顶图任您选（原创
　　文字链接方式举例2：
　　精美动画
　　文字链接方式举例3：
　　textdecoration：
　　http：www。360doc。comcontent120113214127803179236277。
　　阴茎的秘密（可消除链接文字的下划线）
　　文字链接方式解析：
　　例1页面显示的内容是：精美顶图任您选（原创），链接的地址是：“精美顶图任您选（原创）”这篇文章的地址。例2页面显示的内容是：“精美动画”，链接的地址是一个动画图片的地址。例3页面显示的内容是：“阴茎的秘密”，此链接文字消除了下划线。链接的地址是：“阴茎的秘密”这篇文章的地址。
　　用文字链接方式制作的模块举例：
　　http：www。360doc。comcontent120606194127803216458035。shtml
　　2、图片链接方式：
　　链接地址targetblank地址border0
　　图片链接方式举例：
　　ahrefhttp：image34。360doc。comDownloadImg2011081221157113924。jpg
　　
　　imgsrchttp：image15。360doc。comDownloadImg201009262255658131。jpg
　　border0
　　图片标签中，还可以添加图片的宽度、高度等属性与属值。例如：
　　ahrefhttp：image34。360doc。comDownloadImg2011081221157113924。jpg
　　春天没来的图书馆0春天没来的图书馆
　　srchttp：image34。360doc。comDownloadImg2011081221157113924。jpg
　　200150
　　图片链接方式解析：
　　上面的例子，页面显示的是一个小图片，链接的地址是这个小图片的地址（链接的地址，也可以是其它图片的地址）。点击这个小图片，就可欣赏这个小图片的原图（大图片）。
　　用图片链接方式制作的模块举例：
　　http：www。360doc。comcontent121103094127803245429703。shtml
　　3、文章地址链接方式：
　　ahrefhttp：www。360doc。comcontent120710204127803223447531。shtml
　　
　　http：www。360doc。comcontent120710204127803223447531。shtml
　　文章地址链接方式解析：
　　上面的例子，页面显示的是一个文章地址，链接的地址还是这个文章的地址。点击这个地址，就会进入打开这篇文章的页面中。如果这个地址是图片的地址，点击这个地址，就可欣赏原图。
　　用文章地址链接方式制作的模块举例：
　　http：www。360doc。comcontent121112064127803247317430。shtml
　　1、代码注释：
　　href：用于指定超链接目标的地址。href属性的值（即等号后面的内容），就是点击链接文字或者链接图片以后进入的那个页面的地址，可以是任何有效文档的相对或绝对URL（地址）。也就是说，“链接地址”可以是您的图书馆内的任何一篇文章、任何一个图片的地址，也可以是您的图书馆的地址、您的朋友的图书馆地址，还可以是其它网站的任何文章等内容的地址。
　　target：标签的target属性规定在何处打开链接文档。targetblank：链接文件的打开方式是在浏览器的新窗口中打开。（在链接标签中，这个代码相当重要，不能缺少。）
　　title：（标题的意思）是指鼠标指向图片时显示的文字。（这里可以输入您的“图书馆的名称”，也可以输入图片的名称等内容。）
　　alt：图片描述。当图片不能显示的时候，显示的内容。（输入的内容，基本上同上。但是，鼠标指向图片时不显示此文字内容，只有当图片不能显示的时候，此内容才会显示出来。）
　　2、链接文章举例：
　　http：www。360doc。comcontent120531094127803214898254。shtml
　　说明：本节的重点为掌握链接标签常用的三类表示方式，并要弄清楚链接标签的属性href和target的意思。
　　作业：应用三类链接标签各制作一篇文章。
　　2012年11月18日于北京
　　第二章标签应用
　　第二十节链接标签的应用（2）
　　本节继续讲解链接标签的应用。先复习一下链接标签的语法，然后讲解三种“文字链接模块”代码。
　　链接的基本语法：
　　链接的网址targetblank页面中要显示的文字或者图片等内容
　　我们先来认识一下链接标签。：标签名称，链接标签。href：标签的href属性用于指定超链接目标的URL（路径、地址）。target：目标、靶子。标签的target属性规定在何处打开链接文档。blank：新窗口。：链接尾标签。
　　在链接标签中，targetblank的设置是非常必要的。只有设置了这个属性与属值，才会在新窗口中打开链接的文章；如果不设置这个属性与属值，则会在原来的窗口中显示链接的文章，也就是说，原来的文章在浏览器窗口中就找不到了。
　　文字链接模块：
　　（1）纯文字链接模块：
　　代码：
　　http：www。360doc。comcontent110417174127803110314555。
　　魂牵梦绕清华园
　　http：www。360doc。comcontent110609214127803122774254。
　　恩爱夫妻妙在欣赏
　　http：www。360doc。comcontent110824204127803143025181。
　　如何进行“个人设置”
　　http：www。360doc。comcontent110824204127803143025181。
　　电脑学习
　　图书馆知识
　　http：www。360doc。comcontent110828204127803144075423。
　　“个人图书馆”操作
　　方法介绍
　　http：www。360doc。comcontent110902184127803145306148。
　　“边框”的制作方法
　　及技巧
　　http：www。360doc。comcontent110905074127803145855661。
　　图书馆中的几个
　　数据
　　http：www。360doc。comcontent110905114127803145894513。
　　美丽的世界
　　http：www。360doc。comcontent110915154127803148459944。
　　背景动态图片
　　http：www。360doc。comcontent120110194127803178586687。
　　墓碑的格式
　　http：www。360doc。comcontent120131064127803183020956。
　　婆媳相处的秘笈
　　http：www。360doc。comE4127803
　　183020956。shtml？06013112www。360doc。fontsize：
　　21ff0000美丽的倒影
　　http：www。360doc。comcontent120215174127803186864949。
　　个人图书馆中的
　　几个操作技巧
　　http：www。360doc。comcontent120131214127803183225358。
　　如何把个人图书馆的快捷方式放到桌面上
　　http：www。360doc。comcontent120315064127803194439279。
　　“个人图书馆”
　　操作方法介绍（补充版1）
　　http：www。360doc。comcontent120315104127803194467904。
　　“个人图书馆”操作
　　方法介绍（补充版2）
　　http：www。360doc。comcontent120524084127803213280073。
　　“图片中的滚动
　　文章”制作方法
　　http：www。360doc。comcontent120528074127803214168931。
　　人间天堂
　　上海全景图（底图）
　　http：www。360doc。comcontent110823084127803142573526。
　　个人图书馆首页
　　导航
　　http：www。360doc。comcontent120310084127803193176548。
　　顶图的放置方法
　　（原创）
　　http：www。360doc。comcontent120531094127803214898254。
　　精美顶图任您选
　　http：www。360doc。
　　comcontent120530094127803214664828。fontcolor
　　ff0000教您制作图书馆首页顶图（原创）
　　http：www。360doc。comcontent110903064127803145390586。
　　怎样“添加模块”
　　（2）移动文字链接模块：
　　代码：
　　http：www。360doc。comcontent120315064127803194439279。
　　
　　“个人图书馆”操作方法介绍
　　（补充版1）
　　http：www。360doc。comcontent120315104127803194467904。
　　
　　“个人图书馆”操作方法介绍（补充版2）
　　http：www。360doc。comcontent120310084127803193176548。
　　顶图”的
　　放置方法（原创）
　　http：www。360doc。comcontent120201144127803183379540。
　　如何把
　　个人图书馆的快捷方式放置到桌面上
　　http：www。360doc。comcontent110828204127803144075423。
　　个人图书馆
　　操作方法介绍
　　http：www。360doc。comcontent110916214127803148840493。
　　
　　文件夹设置
　　http：www。360doc。comcontent110907224127803146585608。
　　
　　献给您的礼物
　　http：www。360doc。comcontent110910074127803147194959。
　　
　　添加装饰
　　http：www。360doc。comcontent110829064127803144143579。
　　
　　首页换肤
　　http：www。360doc。comcontent110829064127803144142190。
　　
　　给文章作“标记和批注”的方法
　　http：www。360doc。comcontent110829064127803144142053。
　　
　　认识“目录树”
　　http：www。360doc。comcontent110821174127803142204458。
　　
　　如何上传图片
　　（3）表格中的移动文字链接模块：
　　代码：
　　0cellP20362
　　http：userimage2。360doc。com120226148424687201202261433010349。
　　375
　　精品文章展示
　　http：www。360doc。comcontent110417174127803110314555。
　　
　　魂牵梦绕清华园
　　http：www。360doc。comcontent110609214127803122774254。
　　
　　恩爱夫妻妙在欣赏
　　http：www。360doc。comcontent110824204127803143025181。
　　
　　如何进行“个人设置”
　　http：www。360doc。comcontent110824204127803143025181。
　　
　　电脑学习图书馆知识
　　http：www。360doc。comcontent110828204127803144075423。
　　
　　“个人图书馆”操作方法介绍
　　http：www。360doc。comcontent110902184127803145306148。
　　
　　“边框”的制作方法及技巧
　　http：www。360doc。comcontent110905074127803145855661。
　　
　　图书馆中的几个数据
　　http：www。360doc。comcontent110905114127803145894513。
　　
　　美丽的世界
　　http：www。360doc。comcontent110915154127803148459944。
　　
　　背景动态图片
　　http：www。360doc。comcontent120110194127803178586687。
　　
　　墓碑的格式
　　http：www。360doc。comcontent120131064127803183020956。
　　
　　婆媳相处的秘笈
　　http：www。360doc。comE4127803
　　183020956。shtml？06013112www。360doc。
　　美丽的倒影
　　http：www。360doc。comcontent120215174127803186864949。
　　
　　个人图书馆中的几个操作技巧
　　http：www。360doc。comcontent120131214127803183225358。
　　
　　如何把个人图书馆的快捷方式放到桌面上
　　http：www。360doc。comcontent120315064127803194439279。
　　
　　“个人图书馆”操作方法介绍（补充版1）
　　http：www。360doc。comcontent120315104127803194467904。
　　
　　“个人图书馆”操作方法介绍（补充版2）
　　http：www。360doc。comcontent120524084127803213280073。
　　
　　“图片中的滚动文章”制作方法
　　http：www。360doc。comcontent120528074127803214168931。
　　
　　人间天堂上海全景图（底图）
　　http：www。360doc。comcontent110823084127803142573526。
　　
　　个人图书馆首页导航
　　http：www。360doc。comcontent120310084127803193176548。
　　
　　顶图的放置方法（原创）
　　http：www。360doc。comcontent120531094127803214898254。
　　
　　精美顶图任您选
　　作业：应用上面的3种链接代码，各制作一个模块。
　　代码入门教程（1）
　　代码入门教程（2）
　　代码入门教程（3）
　　代码入门教程（4）
　　代码入门教程（5）
　　代码入门教程（6）
　　代码入门教程（7）
　　代码入门教程（8）
　　代码入门教程（9）
　　代码入门教程（10）
　　代码入门教程（11）
　　代码入门教程（12）
　　代码入门教程（13）
　　代码入门教程（14）
　　代码入门教程（15）
　　代码入门教程（16）
　　代码入门教程（17）
　　代码入门教程（18）
　　2012年11月18日于北京