高级标签[aru_37]
内容很多[aru_19],花了好久才整理出来。
有序列表
<ol type="1" reversed="reversed"> <li>复联4</li> <li>234</li> <li>蓝鲸</li> </ol>
以上代码效果为
- 复联四
- 234
- 蓝鲸
Type是一种属性,其中的1为排列开头,若为数字1则是1234开头
罗马数字中间填i 总计有5种1/a/A/i/I
红色reverse—逆着部分表示倒序
<ol type=“1” start=“1”> <li>复联4</li> <li>234</li> <li>蓝鲸</li> </ol>
属性start表示从第几个开始排序,从第几个开始排直接写数字
无序列表
只有一个属性 type
默认值disc(实心圈),square(方块形),circle(空心圈)
<ul type="disc"> <li>草莓</li> <li>?</li> <li>苹果</li> </ul>
disc----discircle(实心)
代码效果
- 草莓
- ?
- 苹果
无序列表的作用,<ul>与<li>是父子结构,一个功能有很多功能子项,这些功能子项内容上有些许不同,功能子项组成了这个大功能。这样的功能<ul><li>展示
举例:网站的导航栏,有很多菜单子项
图片标签
<img src"资源地址">
资源地址分类:
- 网上的url(图片网址)
- 本地的绝对路径
- 本地的相对路径
D:/A/B/ceshi.Html
D:/A/B/123.jpg
此时html与123图片称相对关系,资源地址处可直接填写123.jpg
D:/A/B/ceshi.Html
D:/A/B/C/123.jpg
此时html与123图片称绝对关系,资源地址处填写D:/A/B/C/123.jpg写全。
图片的其他属性
<img src"资源地址" alt="这是范爷">
alt----当图片地址发生错误时展示的文字信息,图片占位符
<img src"资源地址" alt="这是范爷" title="zhe shi fan ye">
title---图片提示符,鼠标移动到图片上有角标提示
a标签
a--anchor 锚 定位
<a href="http://windy.ink">凉风小筑</a>
Href是hyper text reference缩写--超文本引用的意思
A标签十分强大,里面可以放很多东西
比如点击图片跳转
<a href="http://windy.ink" target="_blank"> <img src"资源地址"> </a>
target=”_blank”—在新网页中打开该链接
1.超级链接
2.锚点 让网页到某个位置
3.打电话(应用场景广泛)
<a href="tel:xxxxxx9" >给我打电话</a>
点击能直接调用手机打电话
4.发邮件
<a href=”mailto:2
邮箱com” >给我发邮件</a>
点击能自动调用邮箱系统发邮件
5.协议限定符
表单标签---可以发送数据
<form></form>
发送信息方式
<form method=”get/post” action=”发送数据的位置地址”>
</form>
中间要添加其他组件
1.输入框
<form method="get/post" action="发送数据的位置地址"> <input type="text"> <input type="password"> </form>
中间的type决定数据长什么样子,中间的text使使之变成输入框
Password使之变成密码框。(密码框会显示熟悉的小点点)
代码显示效果就是两个输入框。
1.1
登录组件
<form method="get/post" action="发送数据的位置地址"> <input type="text"> <input type="password"> <input type="submit"> </form>
发送表单数据,需要数据值和数据名,其中数据名是以用户名密码为例。
<input type="text" name="username"> <input type="password" name="password">
数据提交成功会显示网址?username=你输入的&password=你输入的。
没有数据名提交会失败。
1.2
单选框
<input type="radio" name="名字">
其中name决定选项是那道题,想做到单选,选项后面name中要加相同的名字。
单选要想发送数据,需加数据值,数据值添加用value
<input type="radio” name="" value="">
在输入框中添加value能让输入框显示提示内容比如“请输入密码”