网页设计之路(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-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<h1 >列表练习</h1>
<ul type="circle">
<li>apple</li>
<li>pear</li>
<li>orange</li>
</ul>
<ol start="1" type="I">
<li > w</li>
<li> e</li>
</ol>
<dl >
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl><!--自定义的列表,带有解释部分,-->
<ol>
<li>i</li>
<li>a
<ul>
<li>
ii
</li>
<li>
wp</li>
</ul>

</li>
</ol>
</body>
</html>

这是关于列表的练习,有点混乱,不过以后会有条理的。

时间: 2024-08-03 16:44:17

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

女友的“网页设计”之路

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

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