H5培训记录day03 列表与图片

列表(有序列表 无序列表 自定义列表)

1.有序列表

 1.1 标签(双标签)

<ol>   

  <li></li>

</ol>

1.2 属性

属性类型

type:可以设置有序列表显示类型

start:从几开始(值必须为数字)

<ol type="a/A/I/i"> 输出为(abc,ABC,I II III,i ii iii)

2.无序列表(双标签)

<ul>

  <li></li>

</ul>

3.自定义列表(双标签)

<dl>

  <dt></dt> 商品的图片

  <dd></dd>商品的描述

</dl>

超链接标签<a></a>(双标签) href属性:链接跳转界面 链接跳转网址

<a  href="###"></a>  注:跳转网址(http://网址)

target属性 设置网页打开方式

target=-blank 新建打开

    =-self 原网页覆盖

<a>的作用 <a>标签三属性(href title target)

<a href="http://网址''>></a> 跳转网址

<a href="文件的路径"></a> 跳转本地文件

title 鼠标悬停的提示信息

 

插入图片img()

1.img的作用可以设置图片的路径

图片的格式: jpg(普通图片), png(透明图层),gif(动态图)

文件路径

  打开文件夹:文件名/

  返回上一层:  ../

  同级关系:直接填文件名

2.图片属性:alt(加载属性失败时,用以表示信息)

  当图片显示正常时 alt值给浏览器检索图片内容,网页不显示

  当图片显示错误时,alt值会给用户一个提示信息

title="##" 内容悬浮提示框

上一篇:“随手记”开发记录day03


下一篇:django_day03