html学习4

1、超链接

<!doctype html>
<html>
	<head>
		<title>超链接</title>
	</head>
	<body>
		<a href="https://www.baidu.com/?tn=95846469_hao_pg">百度</a>
		<!--
		a为超链接标签,href设置链接的地址
		-->
		<a href="https://www.baidu.com/?tn=95846469_hao_pg">
			<img src="C:\Users\19019\Desktop\新建文件夹\新建文件夹\qwbbz0xsfe1uqpk0gcn761l5.jpg" width="20%">
		</a>
	</body>
</html>
<!doctype html>
<html>
	<head>
		<title>超链接2</title>
	</head>
	<body>
	<!--
	target设置窗口出现的方式
	_blank新窗口
	_self当前窗口
	_top顶级窗口
	_parent父窗口
	-->
		<a href="https://www.baidu.com/?tn=95846469_hao_pg" target="_blank">百度</a>
		<a href="https://www.baidu.com/?tn=95846469_hao_pg" target="_self">百度</a>
	</body>
</html>

2、列表
(1)有序列表ol
(2)无序列表ul

<!doctype html>
<html>
	<head>
		<title>列表</title>
	</head>
	<body>
	<!--
	ol为有序,li为列表项,type设置列表的序号
	当type的值为1时,序号按1,2,3......
	值为A时,序号按A,B,C......
	值为a时,序号按a,b,c......
	值为Ⅰ时,序号按Ⅰ,Ⅱ,Ⅲ......
	-->
		<ol type="1">
			<li>百度</li>
			<li>谷歌</li>
			<li>火狐</li>
		</ol>
	<!--
	ul为无序,li为列表项,type设置列表前的符号
	circle为圆圈
	square为方块
	disc为黑点
	-->
		<ul type="circle">
			<li>淘宝</li>
		</ul>
		<ul type="square">
			<li>京东</li>
		</ul>
		<ul type="disc">
			<li>拼多多</li>
		</ul>
	</body>
</html>
	

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值