网页设计之路(3)

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body >

<p>
<a href="#C3">查看 Chapter 3。</a> <!--关于name 锚的使用方法-->
</p>

<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>

<h2><a name="C3">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 10</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>
<p> 我最爱她与他 <img src="../MINE/7acb0a46f21fbe09097914fd6a600c338744ad30.jpg" height="80" width=" 90" align="middle" /> 还有她与他 <img src="../MINE/1172050490dd5dcabao.jpg" alt="你猜" align="middle" height="80" width="90" />
</p>
<img src="vvvv" alt="向左转" />

</body>
</html>

注意锚的使用,以后可能会用到。

时间: 2024-08-07 00:15:30

网页设计之路(3)的相关文章

女友的“网页设计”之路

女友最近需要做一个网站,类型是艺术类的一个多图分享的网站.突出其艺术性和简洁性.她看了我之前做过的网站真是嗤之以鼻,说太古朴了.她可不知道后台服务和逻辑处理有多么复杂,反正外行就是只看画面,然后说这个那么简单你却做了那么久什么的.泪流满面. [小九的学堂,致力于以平凡的语言描述不平凡的技术.如要转载,请注明来源:小九的学堂.cnblogs.com/xfuture] 于是她就开始自己的网页设计探索之路. 首先她觉得自己需要一个很炫酷的开场,于是有了一个大概三秒的类似loading的画面.展示其强大

网页设计之路(8)

今天学习框架,慢慢理解后,觉得每个网页打开都是一个框架,其实里面可以有多个框架.更重要的是对name的用法有了更深刻的理解,元素有了名字才能寻找到,有利于区分其他元素.重点是一般框架和导航框架和内联框架,代码如下. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

网页设计之路(10)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前声明帮助浏览器正确地显示网页,不是 HTML 标签.它为浏览器提供一项信息(声明),即 HT

网页设计之路(11)

<!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><meta http-equiv="Content-Typ

网页设计之路(6)

这次是布局的练习. 分别是div布局和table布局 div布局: <!DOCTYPE html><html><head><style type="text/css">div#container{width:500px}div#header {background-color:#99bbbb;}div#menu {background-color:#ffff99;height:200px;width:150px;float:left;}d

网页设计之路(5)

<!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><meta http-equiv="Content-Typ

网页设计之路(2)

<!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><link rel="stylesheet" t

网页设计之路(4)

<!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><meta http-equiv="Content-Typ

网页设计之路(1)

<!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><meta http-equiv="Content-Ty