Web开发 第一部分 HTML教程基础(四) a标签
a标签表示一个“超链接”,即可以通过点击a标签,让浏览器从一个页面进行跳转,下面看具体内容:
--------------
1、a标签的页内跳转:
在body标签内输入如下代码:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<a name="top">顶部</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="#top" mce_href="#top">跳转</a>
</body>
</html>
注:其中的br标签只是为了页面产生滚动条
现在在浏览器内运行页面查看结果,可以看到在页面的末尾,具有一段带下划线的文本,点击文本,页面将跳转到起始的地方。由此可见:
使用a标签并赋予其name属性,可以产生一个定位点;
使用a标签并赋予其href属性,属性值为“#某个a标签的name属性值”,则可以产生一个跳转到对应定位点的超链接;
--------------
2、a标签的重定向:
在body标签中输入如下代码:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<a href="http://www.baidu.com" mce_href="http://www.baidu.com">跳转</a>
</b
相关文档:
你真的知道一个HTML及资源是如何load的吗(了解各个部分是何时下载和执行的)
原文地址:http://www.cnblogs.com/mindsbook/archive/2009/12/03/sequence_of_response.html
本博客所有内容采用 Creative Commons Licenses 许可使用. 引用本内容时,请保留 朱涛, 出处 ,并且 非商业& ......
大家都知道在table的某一格里插入文本时,如果是中文当然是没有问题,当到达指定宽度时会自动换行,但如果是英文或数字之类的就会有问题了.因为它是以空格为英文单词间的区别,但是如果输入一长串英文,中间不含空格时,表格就变形了.但事实table的style里有一项可以让英文强制换行的,就是word-break,当把这项设为break-all时大家 ......
head标签演示代码:
注:<!-- 和 -->之间的内容为HTML注释。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- 设置页面文字编码 -->
<me ......
Html标签大全
<a></a>
超文本链接
<a
href="URL"></a>
创建超文本链接 ,其中的url为链接目标地址
<a
href="mailtEMAIL"></a>
创建自动发送电子邮件的链接
<a
name="name"></a>
创建位于文档内部的书签
<a
href="#name ......
--------------
1、显示图片:
输入如下代码:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" /& ......