代码入门教程

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