2.21、<img/>
用于在页面效果中展示一张图片
src：指明图片的路径。（必须有属性）
width：图片宽度
height：图片的高度
宽度和高度的设置：
默认单位是px，像素。例如：width=''400'' 其实设置的是 width=''400px''
固定设置方式（窗口缩小图片比例不变）
百分比这是。例如width="50%"。是父标签的百分比，动态改变（会随着网页缩放按比例缩小）
图片路径的写法：①内网路径：
（1）绝对路径：文件在硬盘上的具体位置 【不建议使用】
例如：C:\Users\Administrator\Desktop\JavaWeb001_html\img
（2）相对路径【建议使用】：例如：../../img/我和狗狗.jpg 从引入者所在目录出发 （先出目录，在进入img目录）
../ 表示上层目录
./b表示当前目录
②互联网路径：<img scr =http://www.baidu.com/xxx.jpg>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="../../img/我和狗狗.jpg"/ width="700" height="800"><br/>
<h5><p align="center"><font color=crimson size=7 face=微软雅黑>我爱瑾瑾<font/><br/></h5>
<p align="right"><img src="../../img/橙子.jpg"/ width="50%">
</body>
</html>
2.3、列表标签
2.3.1、<ul></ul>
无序列表，用于在效果中定义一个无序列表【最常用】
2.3.2、<li></li>
列表条项目标签，用于在效果中定义一个列表的条目
2.3.3、<ol></ol>
有序列表标签，用于在效果中定义一个有序列表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li>手机数码</li>
<li>电脑办公</li>
<li>家居饰品</li>
<ul/>
<ol>
<li>瑾瑾和拉拉
<br/><img src="../../img/我和狗狗.jpg" width=50%></li>
<li>电脑办公</li>
<li>家居饰品</li>
<ol/>
</body>
</html>
1636
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
