有序列表orderlist—ol
例如:
<ol type = "A"> <li>卢本伟</li> <li>大司马</li> <li>pdd</li> </ol>
我们能看出来这个有序的列表就是ABC,则在代码中type = "A"则代表的就是。
我们还可以换成a,I,i等。
无序列表 ul
<ul type = "square"> <li>铁甲小宝</li> <li>鲨鱼辣椒</li> <li>蝎子莱莱</li> </ul>
运行截图:
则无序列表中的type则是代表的什么呢?
其类型为circle(白圆形),disc(黑圆形),square(方块)。
设置图片 img
<img src="C:\Users\admin\Desktop\tupian\10.jpg" width = "45",height = "28">
src则是表示图片的地址,而width和height分别的代表的是宽度和高度。
超链接 a
<a href="https://blog.csdn.net/m0_54355125?type=blog" target="">小宝的博客</a>
a表示超链接
href表示链接地址
target:
_self表示在本窗口打开
_blank在一个新窗口打开
_parent 在父窗口打开
_top 在顶层窗口打开
表单 form
一般我们都会通过表单对从一个html到其他文件的跳转作用。
语法:
<form action="C:\Users\admin\Desktop\HTML\deom2.html" method="post"> 账号:<input type="text" name = "Nickname"> <br/> 密码:<input type="password" name = "pwd"><br/> <input type="submit" value = "提交" /> </form>
✨action:表示请求的文件地址。
✨method:表示请求的方法,一般有post,get。
导入背景片
<body background="C:\Users\admin\Pictures\56.png" style="background-repeat:no-repeat background-attachment:fixed; background-size:100% 100%;" >
background:则是背景图片的文件地址。
background-repeat:设置图片平铺方式。有三个属性:no-repeat(图片保留自身大小不平铺)、repeat-x(图片在水平方向上平铺)、repeat-y(图片在垂直方向上平铺)。
background-attachment:用于设置背景图像是否固定或者随着页面的其余部分滚动。
background-size:背景图片的大小。
div添加图片
#div_2{ width: 900px; margin-left: 20%; height: 720px; background-image : url("../img/meinv.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-size:100% 100%; }
其实也就是在background后面加了一个img然后需要用url包裹!