目录
-
图片标签
<!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>
-
列表标签
<!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>