900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 【HTML+CSS网页设计与布局 从入门到精通】第4章

【HTML+CSS网页设计与布局 从入门到精通】第4章

时间:2020-11-07 04:20:40

相关推荐

【HTML+CSS网页设计与布局 从入门到精通】第4章

目录

超链接

h1,h2,h3...

图片超链接

邮件超链接

图像热区超链接

图像热区超链接-自己作图

图像热区超链接-多热区

插入一个框架-frame(将一个html文件当做一个frame)

插入一个框架-frame(同样可以是一个网址)

插入一个框架-iframe(网址)

超链接

<html><head><title>超链接</title></head><body><p>点击<a href= "/guest-book.html">链接01</a>链接到第1个网页。</p><p>点击<a href= "/02.html">链接02</a>链接到第2个网页。</p><p>点击<a href= "../sub/03.html">链接03</a>链接到第3个网页。</p></body></html>

h1,h2,h3...

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Title</title></head><body><h1>Web</h1><h2>在这里向您推荐最好的Web设计图书</h2><h2>在这里向您推荐最好的Web设计图书</h2><p><a href="#first">第1本书</a> <a href="#second">第2本书</a> <a href="#third">第3本书</a></p><h3><a name="first"></a>精通CSS+DIV网页样式与布局</h3><p>本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术</p><p>详细介绍</p><h3><a name="second"></a>CSS设计彻底研究</h3><p>本书是一本深入研究和揭示CSS设计技术的书籍。<br>详细介绍</p><h3><a name="third"></a>CSS设计禅意花园</h3><p>本书作者是世界著名的网站设计师<br>详细介绍</p><h4>技术趋势</h4><p>今年是社会化网络年。</p><p>RSS继续向主流应用渗透。</p><p>Web 2.0这个词被大众认为是一个市场营销的用语。</p><h4>关于本站</h4><p>本站作者是一名Web设计和开发的爱好者。</p></body></html>

图片超链接

<html><head><title>图片的超链接</title></head><body><a href=1.html><img src=cup.gif></a><br></body></html>

邮件超链接

<html><head><title>邮件的链接</title></head><body>联系我们:<a href="mailto:support@">给我们发送邮件</a>。</body></html>

图像热区超链接

<html><head><title>图像热区</title></head><body><img src="stars.jpg" border="0" usemap="#Map"><map name="Map"><area shape="poly" coords="26,130,62,113,144,119,161,203,69,228,31,221,14,202,8,155" href="/view/6023.htm"></map></body></html>

图像热区超链接-自己作图

<html><head><title>图像热区</title></head><body><img src="hotmap.jpg" border="0" usemap="#Map"><map name="Map"><area shape="rect" coords="16,37,127,105" href="01.htm"><area shape="circle" coords="204,69,41" href="02.htm"><area shape="poly" coords="284,15,344,4,386,59,330,111,268,56" href="03.htm"></map></body></html>

图像热区超链接-多热区

<html><head><title>图像热区</title></head><body style="margin:0"><img src="navi.jpg" width="400" height="200" border="0" usemap="#Map"><map name="Map"><area shape="rect" coords="303,22,377,52" href="04-08-01.htm" target="main"><area shape="rect" coords="242,76,321,105" href="04-08-02.htm" target="main"><area shape="rect" coords="141,126,216,157" href="04-08-03.htm" target="main"><area shape="rect" coords="15,152,92,183" href="04-08-04.htm" target="main"></map></body></html>

插入一个框架-frame(将一个html文件当做一个frame)

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><frameset rows="210,*" cols="*"><frame src="04-07.htm"><frame src="04-08-01.htm" name="main" ></frameset><noframes></noframes></html>

插入一个框架-frame(同样可以是一个网址)

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><frameset rows="210,*" cols="*"><frame src="04-07.htm"><frame src="/" name="main" ></frameset><noframes></noframes></html>

插入一个框架-iframe(网址)

<html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><p>这是<strong>公司介绍</strong>页面 </p><iframe width=700 height=200 src= > </iframe></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。