HTML——图片标签+列表标签

目录

  1. 图片标签
  2. 列表标签

 

  1. 图片标签


    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>图像标签</title>
    	</head>
    	<body>
    		<!-- 
    		 属性
    			src 设置图片的路径:
    					网址 或者 是本地的相对路径
    			width 设置的是标签的宽度
    			height 设置的标签的高度
    				为了不让图片比例失衡, 一般情况下只设置其中一个大小即可
    				另一个会跟着图片的原始比例自动进行缩放的
    			alt 图片路径资源加载失败的时候 缺省语
    		 -->
    		<img src="img/海贼王.jpg" width="300px" alt="图片资源不存在" />
    		<img title="武汉加油" height="80px" src="https://www.baidu.com/img/pcpad_3d7575f432a74060c1a5a0bfb71c8a2e.png" />
    		
    		<!-- 让图片具有链接性 怎么完成??? -->
    		<a href="http://www.baidu.com" target="_blank">
    			<img title="武汉加油" height="80px" src="https://www.baidu.com/img/pcpad_3d7575f432a74060c1a5a0bfb71c8a2e.png" />
    		</a>
    	</body>
    </html>
    

     

  2. 列表标签


    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<!-- 无序列表: 项目符号是统一的符号 
    		type 属性 可以修改项目符号样式
    				默认的是实心黑圆点 disc
    					circle 空心小圆圈
    					square 实心黑方块
    		-->
    		<ul type="disc">
    			<li>苹果</li>
    			<li>香蕉</li>
    			<li>鸭梨</li>
    			<li>草莓</li>
    			<li>葡萄</li>
    		</ul>
    		
    		<!-- 有序列表 
    		type修改项目符号的样式
    				默认是1  阿拉伯数字的
    				A  -- 大写的英文字母
    				a  --  小写的英文字母
    				I  -- 大写的罗马数字
    				i -- 小写的罗马数字
    		start 设置项目符号的起始数据
    			默认都是从第一个开始的
    			设置的是几  就从第几个开始
    		-->
    		<ol type="I" start="2">
    			<li>萝卜</li>
    			<li>卷心菜</li>
    			<li>茄子</li>
    			<li>西红柿</li>
    		</ol>
    		
    		<!-- 解释型列表 -->
    		<dl>
    			<dt>苹果</dt>
    			<dd>富含果酸,减肥必备的良品</dd>
    			<dt><img src="../img/cat.jpg" width="50px" /></dt>
    			<dd>这是一只小猫咪</dd>
    		</dl>
    		
    		<!-- 快捷键
    			父标签>子标签*个数  tab键生成
    				在父标签下生成指定个数的子标签 
    			父标签*个数>子标签
    				生成指定个数的父标签 在每个父标签下添加一个子标签
    			父标签*个数1>子标签*个数2
    				生成指定个数1的父标签 并且在每个父标签下添加指定个数2的子标签
    		 -->
    	</body>
    </html>
    

     

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值