主要做了下列表,下午开了个会,以后方向要转向大数据和个性化推荐,不明觉厉额。
实现效果:
图1.1实现细节
1)一个无序列表
实现效果:
图2.1实现步骤:
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
2)一个有序列表
实现效果:
图2.2实现步骤:
<ol start=“100”>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
3) 一个嵌套列表
实现效果:
图2.3实现步骤:
<ul>
<li>三星</li>
<li>索尼</li>
<ul>
<li>索尼1</li>
<li>索尼2</li>
</ul>
<li>夏普</li>
</ul>
4)一个复杂的嵌套列表
实现效果:
图2.4实现步骤:
<ul>
<li>张三</li>
<li>李四</li>
<ul>
<li>赵六</li>
<li>孙七</li>
<ul>
<li>杜八</li>
<li>刘九</li>
</ul>
</ul>
<li>王五</li>
</ul>
5)一个定义列表
实现效果:
图2.5实现步骤:
<h1>一个定义列表</h1>
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的设备</dd>
</dl>
6)HTML块 div标签
实现效果:
图2.6实现步骤:
<p>div可以划分出独立的空间,自动换行</p>
<div style="color:red">
<h3>这是一个标题</h3>
<h4>这是一个段落</h4>
</div>
7)HTML类
实现效果:
图2.7实现步骤:
<html>
<head>
<style>
.cities{
background-color:red;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="cities">
<p>Fantasychong的数码小店</p>
</div>
</body>
</html>
网友评论