打印

HTML代码基础教程(大家一起交流！）

本主题由时光沙漏于 2008-5-17 11:46 移动

阿珂

连长

Rank: 3 Rank: 3

顶楼大中小发表于 2007-1-6 23:11 只看该作者

HTML代码基础教程(大家一起交流！）

HTML代码基础教程（起步学代码，有感兴趣的朋友请进）

欢迎有这一特长的朋友参与编写教程，也欢迎感兴趣的朋友积极跟帖学习~~~~

HTML文件由标记和被标记的内容组成，标记的格式用（“< 和 >"）表示这是HTML代码作为标签。

所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字　属性>”来表示。而且大部份是成对的双标签，即首标签和尾标签。

一、文字代码

基本代码如下：

<palign=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center　表示字体居中，可选值为居右（right）居左（left）

color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看

face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大

2，大字体文字

效果：

音乐之声

代码：

font:40pt　数值越大文字就越大。

3，移动文字设置：

基本代码1：

说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

基本代码2：

说明：

behavior=scroll 一圈一圈绕着走　

behavior=slide

只走一次　behavior=alternate 来回走

停停走走：

效果如：

音乐之声

代码如下：

4，文字特效显示：

效果一：

新年快乐

原代码：

效果二：

新年快乐

原代码：

效果三：

新年快乐

原代码：

效果四：

我爱我家

原代码：

效果五：

欢迎你朋友
友朋你迎欢

原代码：

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

注明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。

效果六：

数到三就不哭

原代码： <palign=center><FONT style="BACKGROUND-COLOR: #0099ff" color=#00ffff size=6>新年快乐</FONT></P>

效果七：

新年快乐

原代码： <palign=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>笑口常开</B></FONT></P>

说明：opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。而width:100%则表示参与渐变的对象的宽度，通常都设置为100%。

效果八：

奇幻之旅

原代码： <palign=center><FONT style="FONT-SIZE:30pt;filter:dropshadow(color=#0099ff,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#ff6600;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>奇幻之旅</B></FONT></P>

效果九：随心所欲

原代码：<FONT style="FONT-SIZE:30pt;filter:FlipV(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>随心所欲</B></FONT>

效果十：

音乐之声

原代码：<p align=right><FONT style="FONT-SIZE:30pt;filter:FlipH(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>音乐之声</B></FONT></p>

FlipV产生上下变换，FlipH产生左右变换。

效果十一：

新年快乐

原代码：<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=5,freq=3,phrase=20);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>新年快乐</B></FONT>
add属性：布尔型，0或1，0表示将原始对象加入最后效果中，1则反之；
freq属性：决定显示的频率，即应出现多少个波形；
phrase属性：决定波形的形状，值取0至360之间；
strength属性：决定波形的振幅。

效果十二：

新年快乐

原代码：<palign=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>新年快乐</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6></FONT><FONT color=#ff00ff> </FONT></P>

十三 带背景的闪光字体

效果：

请先不要回帖

原代码：<P align=center><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://nxm.16789.net/s-helpSite/domName/nxm/2004121216272397936.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background=http://www.53520.com/bbs/tp/1/4B264479031.gif>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>请先不要回帖</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

[此贴子已经被作者于2007-1-7 2:57:35编辑过]

TOP

阿珂

连长

Rank: 3 Rank: 3

沙发大中小发表于 2007-1-6 23:16 只看该作者

十四、由上下向中间移动的字体

效果：



随心所欲！


随心所欲！
愿代码：<CENTER>
<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=隶书 color=#ff0000 size=7><B>随心所欲！</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT face=隶书 color=#ff0000 size=7><B>随心所欲！</FONT></CENTER></B></MARQUEE></CENTER></CENTER>

TOP

阿珂

连长

Rank: 3 Rank: 3

板凳大中小发表于 2007-1-6 23:19 只看该作者

十五、交替跳跃的文字

效果：



请

先

别

回

帖
原代码：<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>请</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>先</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>别</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>回</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>帖</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

TOP

阿珂

连长

Rank: 3 Rank: 3

地板大中小发表于 2007-1-6 23:24 只看该作者

十六、交替跳跃消失的文字

效果：






音

乐

之

声


音

乐

之

声

原代码：<P align=center>
<MARQUEE style="WIDTH: 523px; HEIGHT: 200px" scrollAmount=8 direction=up>
<P><FONT face=隶书 color=#ff0000 size=6><B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=BLUE,strength=50); WIDTH: 100%; COLOR: #a572a2; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>音</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>乐</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>之</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>声</B></CENTER></MARQUEE></FONT></CENTER></B></FONT>
<P></P></MARQUEE></P>

TOP

阿珂

连长

Rank: 3 Rank: 3

5楼大中小发表于 2007-1-6 23:36 只看该作者

十七，彩色字体

效果：

音乐之声欢迎你到来！

原代码：

TOP

阿珂

连长

Rank: 3 Rank: 3

6楼大中小发表于 2007-1-6 23:41 只看该作者

十八，文字跳舞

一起来学习

文字跳舞代码:
<CENTER><FONT size=8><FONT face=隶书 color=red>
<MARQUEE direction=up behavior=alternate width=80 height=120>一</MARQUEE></FONT><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=80 height=80>起</MARQUEE></FONT><FONT color=brown>
<MARQUEE direction=up behavior=alternate width=80 height=120>来</MARQUEE></FONT><FONT color=green>
<MARQUEE direction=up behavior=alternate width=80 height=80>学</MARQUEE></FONT><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=80 height=120>习</MARQUEE></FONT></FONT></CENTER></DIV>

TOP

阿珂

连长

Rank: 3 Rank: 3

7楼大中小发表于 2007-1-6 23:53 只看该作者

绝美特效欢迎大家

源代码

TOP

阿珂

连长

Rank: 3 Rank: 3

8楼大中小发表于 2007-1-7 00:02 只看该作者

背景（论坛中帖子的外背景）

代码如下：

body的相关属性：

background=背景图片URL地址（设定了背景图片后bgcolor设定值将无效）
bgcolor --- 背景色彩
text --- 非可链接文字的色彩
link --- 可链接文字的色彩
alink --- 正被点击的可链接文字的色彩
vlink --- 已经点击(访问)过的可链接文字的色彩
#=rrggbb
色彩是用 16 进制的红－绿－蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.

TOP

阿珂

连长

Rank: 3 Rank: 3

9楼大中小发表于 2007-1-7 00:10 只看该作者

表格

效果如：

源代码如下：

帖子内容，文字或图片..... </TD></TR></TBODY></TABLE>

<TABLE> 的参数设定（常用）：

注解：

width="400"
表格宽度，接受绝对值（如 80）及相对值（如 80%）。

border="1"
表格边框的厚度，不同浏览器有不同的内定值，故请指明。

cellspacing="2"
表格格线的厚度

align="CENTER"
表格的摆放位置（水平），可选值为： left, right, center

valign="TOP".
表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。　　

background="myweb.gif"
表格的背景图片，与 bgcolor 不要同用。

bgcolor="#0000FF"
表格的底色，与 background 不要同用

bordercolor="#CF0000"
表格边框颜色

bordercolorlight="#00FF00"
表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

cols="2"
表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。

TOP

阿珂

连长

Rank: 3 Rank: 3

10楼 大中小发表于 2007-1-7 00:16 只看该作者

符：利用表格属性做漂亮的代码边框。

一些新手看到别人做出漂亮的帖子边框都很好奇是怎么做成的，说穿了也就是巧妙的应用了表格的相关属性。这里我就统计几种常见的表格使用方法，可能大家也有更多更好的想法，也就起个抛砖引玉的作用吧。

例：

说明：四层背景一张图片。

源代码：

关与内容居中：

说明：

一般大家做帖子为了美观总是把整体内容全都居中，内容中的文字图片等都加上了居中的代码CENTER，频繁的使用同一组代码，用多了大家是不是觉得有些杂乱的感觉？在这里我都教大家一招，只需要用一次就可以使整个表格内的内容全都居中。

下面是大家一般使用的表格代码：
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj03.jpg"><tr><td></td></tr></table>

将其改成如下代码：
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj03.jpg"><tr><td width="100%" align="center"></td></tr></table>

这样样在表格内的文字图片等都不用再加居中代码了，直接插入就可以了。

TOP

阿珂

连长

Rank: 3 Rank: 3

11楼 大中小发表于 2007-1-7 00:20 只看该作者

二:帖图格式

帖图基本格式如下：

<IMG> 称图形标记，主要用来插入图形标记。

<IMG> 的一般参数设定：

　　例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">

src="logo.gif"
图片来源，接受 .gif, .jpg 及 .png 格式，前两者通行已久，后者则由 96 年开始发展，于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称，否则必须加上正确的路径，相对或绝对均可。
width=100 height=100
设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具。（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真
hspace=5 vspace=5
设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间，是设定图片上下的空间，高度采用 pixels 作单位。
border=2
图片边框厚度
align="top"
调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom，
texttop 表示图片和文字依顶线对齐，
baseline 表示图片对齐到目前文字行底线值，
absmiddle 表示图片对齐到目前文字行绝对中央，
absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q 等字的下边）。
alt="Logo of PenPal Garden"
这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示
lowsrc="pre_logo.gif"
设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本

图片位置设置

例1：

原代码：

<IMG border=0 height=180 src="http://www.wming.net/attachments/MjAwNTA1MDcyMw==_cZzSvCzcsLkh.jpg" width=140>　普通插入

　普通插入

例2：

<img src="http://www.wming.net/attachments/MjAwNTA1MDcyMw==_cZzSvCzcsLkh.jpg" width=126 height=180 border=0 hspace=10 vspace=20"> 设定上下左右空白位置

设定上下左右空白位置

例3：

<img src="http://www.wming.net/attachments/MjAwNTA1MDcyMw==_cZzSvCzcsLkh.jpg" width=126 height=180 border=4 align=middle>设定图片中间对齐，边框厚度为 4

设定图片中间对齐，边框厚度为 4

例4：

<img src="http://www.wming.net/attachments/MjAwNTA1MDcyMw==_cZzSvCzcsLkh.jpg" width=155 height=200 border=0> 放大了的图片

放大了的图片

例5：

<img src="http://www.wming.net/attachments/MjAwNTA1MDcyMw==_cZzSvCzcsLkh.jpg" width=92 height=120 border=0 align=right>设定图片靠右

设定图片靠右

附：帖图常用特效

原图片如下：

效果一：

代码如下：

效果二：

代码如下：

效果三：

原代码如下：

效果四：

代码如下：

效果五：

代码如下：

效果六：

原代码如下：

效果七：

原代码如下：

效果八：

数到三就不哭

原代码如下：

效果九：

原代码如下：<palign=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://cry.shidabbs.com/home/bbsjc/images/fanc.gif"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=7,freq=7,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://cry.shidabbs.com/home/bbsjc/images/fanc.gif"></FONT></FONT></

TOP

阿珂

连长

Rank: 3 Rank: 3

12楼 大中小发表于 2007-1-7 00:26 只看该作者

载入音乐

基本语法：

常用属性如下：

src="your.mid"
设定 midi 档案及路径，可以是相对或绝对。

autostart=true
是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。

loop="true"
是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。

HIDDEN="true"
是否完全隐藏控制画面，true 为是，no 为否 (内定)。

STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"
设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定

WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center"
设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom >

CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板　　
smallconsole 较小的面板　　
playbutton 只显示播放按钮　　
pausecutton 只显示暂停按钮　　
stopbutton 只显示停止按钮　　
volumelever 只显示音量调节按钮

例一：

作为背景音乐来播放，隐藏了播放器。

例二：

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

注明：可用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及新版的 IE 都支持。

IE中的的背景音乐

代码如下：

#=循环数

注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。

在论坛做帖常用格试如下：

一：

说明：一般用来插入mp3 rm ra ram asf mid 等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。

二：

<bgsound src="音乐文件地址" loop=3> 说明：一般用来插入wav wma mid mp3等格试的音乐文件。

TOP

阿珂

连长

Rank: 3 Rank: 3

13楼 大中小发表于 2007-1-7 00:39 只看该作者

下面和朋友分享几款漂亮的播放器

一、为黑色播放器加上一个边缘
(中间绿底的部分为原黑色播放器代码)

为蓝色播放器加上粉色边缘
(中间粉底部分为原蓝色播放器代码)

代码如下

将播放器置于一个单独的表格里，并加上表格的透明特效，播放器上的花纹就是表格的底图。(中间紫底部分的为原蓝色播放器代码)

代码如下:
<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=50,style=3)">
<P align=center> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>

利用动态的GIF背景做成动态播放器
(中间蓝底部分为原来的灰色播放器代码

代码如下:
<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.zuopin.bxjyw.com/xueshengweb/xiaoxuezu/5/hg33.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=60,style=3)">
<P align=center><EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1" style="FILTER: Gray"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY> </TABLE>

利用过滤镜增加播放器的蒙胧感

原代码

TOP

阿珂

连长

Rank: 3 Rank: 3

14楼 大中小发表于 2007-1-7 00:41 只看该作者

TOP

阿珂

连长

Rank: 3 Rank: 3

15楼 大中小发表于 2007-1-7 00:42 只看该作者

Ginkgo Garden-《Ginkgo Tree》

<FIELDSET style="BORDER-RIGHT: #9932cc 10px ridge; PADDING-RIGHT: 2px; BORDER-TOP: #9932cc 10px ridge; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9932cc 10px ridge; WIDTH: 295px; PADDING-TOP: 2px; BORDER-BOTTOM: #9932cc 10px ridge"><LEGEND><FONT style="FONT-SIZE: 9pt" color=#008000>Ginkgo Garden-《Ginkgo Tree》</FONT></LEGEND>
<TABLE borderColor=#008000 height=30 cellSpacing=0 cellPadding=0 width="30%" border=3>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=295 border=0>
<TBODY>
<TR>
<TD style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=BLUEVIOLET, endColorstr=GREENYELLOW); BACKGROUND-COLOR: #0000cd">
<P><EMBED style="FILTER: invert alpha(opacity=50) WIDTH: 295px; HEIGHT: 46px" src=http://d15.yousendit.com/D/0N9DA5VAMTDSR050510IMEGQL4/ginkgo-tree.wma type=video/x-ms-asf volume="0" loop="1" autostart="TURE"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FIELDSET>
<DIV></DIV>
<P></P>

TOP

阿珂

连长

Rank: 3 Rank: 3

16楼 大中小发表于 2007-1-7 00:45 只看该作者

[此贴子已经被作者于2007-1-7 0:48:26编辑过]

TOP

阿珂

连长

Rank: 3 Rank: 3

17楼 大中小发表于 2007-1-7 00:49 只看该作者

Cara Dillon 專輯:After The Morning 風格:Folk 發行:02/17/2006 Cara Dillon憑藉她震撼人心的表演和成熟迷人的聲音贏得了整個國家觀眾的心，以及其他幾個國家的觀眾，因為她的表演能穿越國界，文化和語言。她出生於1975年，來自一個愛爾蘭傳統音樂世家。她的聲音如此清透美麗而極具風格，讓觀眾們覺得相間恨晚。用這樣一句話來形容Cara Dillon不足為過：Cara Dillon是個不尋常的天才！ 14歲的時候，Cara Dillon就贏得了全愛爾蘭傳統歌唱比賽冠軍。在開始她自己喜歡的事業之前，她和她的夥伴Sam Lakeman和一家唱片公司簽約想做流行歌手，可之後他們發現自己並不喜歡做流行音樂。於是他們出了一張淒美的民歌專集Cara Dillon/Rough Trade Records，出乎意料地贏得了廣泛好評。這股隨之而來的Cara Dillon效應讓她和她的夥伴完全轉型。而之後她所獲得的無數獎項更加肯定了他們的轉型。《愛爾蘭音樂雜誌》說，Cara Dillon冷酷卻富有感染力的聲音包含著她對家鄉的熱情和對國家的熱愛。Folk Roots Magazine評價說，毫不誇張地說，Cara Dillon有著極少數人才有的美妙嗓音。(文字轉載)