很酷的HTML效果

很酷的HTML效果

此外,随着一些凉爽的HTML效果到您的网页,你可以创造一些真正令人惊叹的用户体验,真正使您的消息弹出。 这里有四个简单的方法,尽量不采取先进的知识

四酷的尝试今天的HTML效果


这些影响并不需要很多的编码经验,更重要的是,他们是“行”,而不是放入您的HTML代码的HEAD部分功能的影响。 它们也不是任何类型的JavaScript;这些都是简单的标签,让您的内容一点点额外的诚。

1。 文本突出显示

如果你有一点点的文字,你想强调使用不同的背景颜色,你会使用的<FONT>标签,随着“色”属性。 然而,这非常近千年;最新编码器使用的<span STYLE=>标记。 这可以用来在文档的任意位置,并会采取许多不同的特性。

突出显示文本时的代码是非常有用的背景颜色风格。 使用图表的颜色代码 ,你可以挑选出您的首选突出树荫(这是一个很好的的经验法则只使用一个突出的颜色为您的网站,以保持一致性)。 产生的代码看起来像这样:

<span style= "background-color: #FFFF00">这个文本将突出的黄色。</ SPAN>

2。 把背景图像

文本颜色的背后是一回事,但如何冷静放在文本后面具体的形象? 这确实需要多一点的深谋远虑;使用质地正常大小的文字背后去,否则增加文本的大小,使你可以看到完整的图像。 这可能需要一些调整和图像编辑,得到的效果完全正确,但它的很长的路要走,对您的网站轻松个性化设计,并使其脱颖而出。

同样,这种效应使得使用SPAN样式=这个时候, 背景图像标记:URL( 插入图片风格。 不要忘了周围的样式添加引号和值(将背景图像的位置):

<SPAN STYLE="background-image: url(http://www.yoursite.com/image/HTMLBackgroundImage.jpg); font-size: 20pt">这将是20点类型</ SPAN>

记住要小心,不要创造的形象是那么忙,它使您的文字难以阅读!

3。 添加ALT文本

当鼠标悬停在一个特定元素在网页上,替代文本(也称为“工具提示”),你会得到什么。 对于图像,这是经常被用来使网站更方便残疾人士使用;它也是经常使用网站导航援助,如说:“点击这里查看更多的文章”链接, 只是说故事“。 换句话说,它添加内容,否则隐藏的页面; requres一个鼠标悬停显示文本。 再次使用的SPAN标记,但这次带有标题 ,而不是风格 ,添加alt文本的任何文本,可以迅速完成,如下:






 <span title="This会的ALT text.">鼠标在这个文本将显示ALT文本</ SPAN>



不要太ALT文本,它可能是一个好主意,就像背景图像;任何网站的目标是一个明确的信息,这可以杂乱,如果使用不当。

4。 一个滚动文本框

任何设计师已超过可以很容易地适合页面上的文本,可以使用这样的事情 - 一个滚动文本框。 大多数人都认为它需要大量的编程;不过,虽然你可以定制它广泛(如下图所示,有很多特殊的颜色代码),它实际上是非常简单的HTML编码:

<<格风格=“宽度:50%;高度:75px;溢出:汽车;滚动面颜色:#CE7E00;滚动条阴影的颜色:#FFFFFF; BR /滚动高亮颜色:#6F4709;滚动3dlight颜色:#11111;滚动darkshadow色:#6F4709; BR /跟踪颜色:#FFE8C1;滚动箭头颜色:#6F4709;“>写入足够的文字在这里填补75像素高中,使你可以看到一道漂亮的滚动条! </ DIV>

网络是充满了更多的代码,您可以使用,这些都只是冰山一角。 退房mikethorntonloans.com的网页设计页面只是个开始。

相关主题