HTML学习日记(二)——列表、图片插入、超链接

一、列表

  1. 有序列表
    在HTML中,表示有序列表的标签是<ol></ol>(ordered list),而表示列表项的标签是<li></li>(list)。常用HTML属性为type,可赋值的类型有:1(阿拉伯数字)、A(大写字母)、a(小写字母)、Ⅰ(大写罗马数字)、i(小写罗马数字)。
  2. 无序列表
    表示无序列表的HTML标签是<ul></ul>(unordered list),表示列表项的HTML标签依旧是<li></li>(list)。常用的HTML属性为type,可赋值类型有:circle(空圆)、square(正方形)、disc(实圆)。
  3. 无序列表和有序列表的嵌套
    两种列表的嵌套实际上就是在要嵌套的列表的列表项中,将里面的内容替换为另一种列表而已,类似于换元法。

二、图片的插入

<img />标签表示向网页中插入图片,需要注意的是从技术上来说,<img />标签并不会在网页中插入图像,而是从网页上链接图像,<ing />标签创建的是被引用图像的占位空间。
<img />标签有两个必须的HTML属性:src属性和alt属性。

  • src属性:用来规定显示图像的链接(或是图片的路径),通常为src=“xxx”,xxx为图片所在的链接(路径)。
  • alt属性:用来规定图像的替代文本,简单来说就是图片加载异常时的提示语,通常为alt=“xxx”,xxx为所要提示的内容。

<img />标签除了以上两个必选打的属性外,其他常用的可选的属性:

  • align:规定如何根据周围文本来跑排列图像。

  • height:定义图像的高度。

  • width:设置图像的宽度。

  • title:设置图片的标题。

三、超链接

用<a>标签来表示超链接。(anchor)
<a>标签中最重要的属性示href属性,它和插入图片标签<img />中的src属性一样,它指示链接的目标网址。常用的HTML属性为:target,可赋值的类型有:_self(在本身页面跳转)、_blank(在新页面跳转)。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值