html如何跟css链接

html-css09

html如何跟css链接,第1张

1、当我们没有引入外部css样式表的时候,一般情况下我们会在html里写样式,而又两种方式使我们常见的,第一种:

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>time元素</title>

</head>

<body>

<div style="height:300pxwidth:500pxbackground:#999"></div>

</body>

2、第二种写法:

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>time元素</title>

<style>

.all{

height:300px

width:500px

background:#999}

</style>

</head>

<body>

3、建立一个css样式表文件

4、存储在css文件夹中

5、在html文件中写入链接代码,代码如下:

<link rel="stylesheet" type="text/css" href="css/index.css" />

6、之后可以看到HTML文件的源代码傍边看到我们所连接的css文件,此时就连接成功。

图片及特效代码

图片超链接

代码:

<ahref=你要链接到的地址target=_blank><imgsrc=图片地址URLwidth=宽度height=高度alt=图片说明border=0></a>文字超链接

代码:

<ahref=所要链接的地址target=_blank>百度百科</a>图片标志超链接

代码:

<imgsrc=图片标志地址border=0>

把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):

链接多样性

1.让链接变色

<STYLETYPE=text/css>

A {text-decoration: NONEcolor: #51bfe0}

A:hover { color: #3399FF }

</STYLE>

2.增加链接的力度—即字体变大

<STYLETYPE=text/css>

A {text-decoration: NONEcolor: #51bfe0}

A:hover {font-weight: bold }

</STYLE>

3.触到链接时出现虚线

代码:<STYLETYPE=text/css>

A { text-decoration: NONEcolor: #51bfe0}

A:hover {border-bottom:1px dashed #51bfe0 }

</STYLE>

4.会移动的链接

代码<STYLETYPE=text/css>

A { text-decoration: NONEcolor: #51bfe0}

A:hover { position: relativeleft:1pxtop:1px}

</STYLE>

5.给链接添加背景色

<STYLETYPE=text/css>

A { text-decoration: NONEcolor: #51bfe0}

A:hover { background-color: #CCFFFF}

</STYLE>

注意:color颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码,具体颜色代码请看美化必备-常用颜色代码① ②

6.音乐超链接下载代码

<A HREF=音乐地址URLTARGET=_BLANK>你的音乐名字</A>

然后把你的IE浏览器上的Internet选项中的始终使用UTF-8发送URL勾选去掉即可!!这样可以让其他人直接点你的连接进行下载!(具体:你的IE浏览器上工具菜单->Internet选项->高级标签->始终使用UTF-8发送URL->勾选去掉)

7.链接特效

雾化链接:

将下面代码加到网页BODY区域

<div style=width: 96height: 9 class=coffeeonMouseOver=this.style.filter='glow(color=#FFCC00,strength=6)'onMouseOut='this.style.filter='>

控件

超链接控件,也叫LinkLabel,属于基础控件。Windows窗体LinkLabel控件使您可以向 Windows 窗体应用程序添加 Web 样式的链接。

很多第三方控件也对超链接做出了扩充,提供了更多地功能,以满足不同的需求。只要将dll添加到工具箱就可以使用。

建立超链接

Word具有自动识别网址或电子邮件地址的功能,因此当用户在Word2010文档中输入以http://或www开头的字符串时,Word2010会自动将其识别为超链接。下面介绍一下取消自动生成超链接功能的方法:

第1步,打开Word2010文档窗口,依次单击“文件”→“选项”命令。

第2步,在打开的“Word选项”对话框中,切换到“校对”选项卡,并在“自动更正选项”区域单击“自动更正选项”按钮。

第3步,打开“自动更正”对话框,切换到“键入时自动套用格式”选项卡。在“键入时自动替换”区域取消“Internet及网络路径替换为超链接”复选框,并单击“确定”按钮。

第4步,返回“Word选项”对话框,单击“确定”按钮。当用户再次输入具有超链接特征的字符串时,将不再将其自动识别为超链接。

取消超链接

第一种方法 选中文档中的所有内容,也可以使用快捷键Ctrl+a。 取消域的链接,或者使用快捷键Ctrl+Shift+F9,再查看以下内容,所有的超链接就没有了。 第二种方法

在复制粘贴以前,更改word中的“Internet及网络路径替换为超链接”的默认设置,操作如下:单击“工具”菜单,“自动更新”,“键入时自动套用格式”,“Internet及网络路径替换为超链接”前面的对勾去掉在输入时就可以避免出现超链接。

第三种方法

如果在不需要保留其他格式的情况下,也可以使用编辑菜单中的选择性粘贴中的无格式文本命令。

超链接代码:

<a href=链接地址>文本</a>

<base href=链接地址><a>文本链接</a>

注意事项:

这两种链接不能出现在同一片代码中,如果出现在同一片代码中<a href=链接地址>文本</a>将会出现链接错误。