网页设计之路(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" type="text/css" href="/html/csstest1.css" >
</head>

<body>

<p> <a href="#tips">News headline 2</a> </p>
<h1>NEWS WEBSITE</h1>
<p>some text. some text. some text...</p>
...

<div class="news">
<h2> News headline 1</h2>
<p>some text. some text. some text...</p>
...
</div>

<h2> <a name="tips"> News headline 2 </a> </h2>
<p>some text. some text. some text...</p>

...
<a href="test1.html"> 这是本地连接 </a>
<br />
<a href="http://www.microsoft.com/"> 这是网上的连接</a>
<p>
您也可以使用图像来作链接:
<a href="http://www.baidu.com/" target="_self">
<img border="0" height="60" src="../MINE/dc54564e9258d109129f9f61d058ccbf6d814de0.jpg" />
</a>
<br />
</p>
</body>
</html>

这个主要是<div>的一个用法,例子是摘自3wschool.

时间: 2024-10-18 22:03:56

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

女友的“网页设计”之路

女友最近需要做一个网站,类型是艺术类的一个多图分享的网站.突出其艺术性和简洁性.她看了我之前做过的网站真是嗤之以鼻,说太古朴了.她可不知道后台服务和逻辑处理有多么复杂,反正外行就是只看画面,然后说这个那么简单你却做了那么久什么的.泪流满面. [小九的学堂,致力于以平凡的语言描述不平凡的技术.如要转载,请注明来源:小九的学堂.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

网页设计之路(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-Typ

网页设计之路(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

网页设计之路(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