小白web进阶(三)

<!DOCTYPE html>
<html>
<head>
	<title>无序列表</title>
</head>
<body>
	<p>这里是顶部,你好</p>
	<p id=666></p>
	<!--unordered list-->
	<ul>
		<li>Python是一种计算机程序设计语言。</li>
		<li>那Python是一种什么语言?</li>
		<li>首先,我们普及一下编程语言的基础知识。用任何编程语言来开发程序,都是为了让计算机干活,比如下载一个MP3,编写一个文档等等,	</li>
	</ul>
	<!--ordered list-->
	<ol>
		<li>框架学习</li>
		<li>高级课程</li>
		<li>就业</li>
	</ol>

<!--definition list:定义列表-->
	<dl>
		<!--definition title定义标题-->
		<dt>帮助中心</dt>
		<!--definition description定义描述-->
		<dd>账户管理</dd>
		<dd>购物指南</dd>
		<dd>支付管理</dd>
	</dl>
	<table border="1" cellspacing="0">
	<!--table row-->
	<caption>商品清单</caption>
	<tr>
		<!--table head-->
		<th>产品名称</th>
		<th>品牌</th>
		<!--横向合并-->
		<th colspan="2">数量和入库时间</th>
		
	</tr>
	<tr>
		<td>电视机</td>
		<td>小米</td>
		<td>200</td>
		<td>2019-09</td>
	</tr>
	<tr>
		<td>电冰箱</td>
		<td>海尔</td>
		<td>20</td>
		<td>2018-09</td>
	</tr>
	<tr>
		<td rowspan="4">手机</td>
		<td>苹果</td>
		<td>219</td>
		<td>2019-01</td>
	</tr>
	<tr>
		<td>苹果</td>
		<td>219</td>
		<td>2019-01</td>
	</tr>
	<tr>
		<td>苹果</td>
		<td rowspan="2">219</td>
		<td>2019-01</td>
	</tr>
	<tr>	
		<td>苹果</td>
		<td>2019-01</td>
	</tr>
	</table>

	<a href="http://www.baidu.com" title="点一下,有惊喜" target="_blank">王子养成</a>
	<!--self是在当前页面跳转 blank 是在一个新的页面打开-->
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<p>xiaxiashizhu</p>
	<a href="#666">给我返回顶部</a>

</body>
</html>
  1. ul–li
  2. ol–li
  3. dl–dt-dd
  4. table(border cellspecing) caption tr th td colspan rowspan
  5. a 超链接 href title target(blank self)
  6. 回到顶部,先定义空的标签,定义好id,当行数足够多的时候用a标签包裹,注意加#

    在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值