Skr

admin管理员组

文章数量:1794759

Skr

列表标签

1. 列表 ：

从上到下排列数据的结构

列表中的数据都带有项目符号

2. 语法 ：

1. 列表分类 ：

1. 无序列表

2. 有序列表

3. 定义列表

2. 列表组成 ：

1. 无序列表 由列表标签与列表项标签组成

<ul> (unordered list)

<li></li>  (list item)

</ul>

注意 ：ul中嵌套li元素，

每一个li元素表示一条数据

2. 有序列表 由列表标签与列表项组成

<ol>  (ordered list)

<li></li>

</ol>

3. 定义列表

<dl>

<dt>订单跟踪</dt>

<dd>查询订单</dd>

<dd>联系售后</dd>

<dt>加入我们</dt>

<dd>分店加盟</dd>

<dd>技术支持</dd>

</dl>

3. 列表属性

只针对有序列表和无序列表

1. 有序列表  -ol

1. type : 设置项目符号类型

取值 ：

1 表示按照数字排序，默认项目符号

a 表示按照小写字母排序

A 使用大写字母作为项目符号

i 使用小写罗马数字 i ii iii iv v vi..

I 使用大写罗马数字

2. start : 设置项目编号从第几个开始

取值 ：数字，表示从第几个开始

2. 无序列表 -ul

1. type : 设置项目符号

取值 ：

disc : 默认实心圆点

circle ：空心圆点

square ：实心正方形

4. 列表嵌套

1. 射手

1. 伽罗

2. 虞姬

3. 鲁班

2. 法师

1. 甄姬

2. 王昭君

3. 大乔

代码实现 ：

<ol>

<li>

射手

</li>

<ol>

<li>虞姬</li>

</ol>

<li>

法师

<ol>

<li>甄姬</li>

</ol>

</li>

</ol>

 

图片与超链接

1. URL

Uniform Resource Locator 统一资源定位符

作用 ：标识网络或本地资源的位置，俗称路径

组成 ：协议 域名 文件目录 文件名

et :

.html

.png

分类 ：

1. 绝对路径

从根目录开始层层查找文件，构成的路径

就叫绝对路径

根目录 都以 / 或者是盘符 标识

适用于网络路径，不适用于项目开发过程中

访问本地文件

et:

/user/Desktop/img/logo.png

C:/user/Desktop/img/logo.png

C:/Users/Python/Desktop/day02/day02.txt

注意 ：

1. windows电脑上正反斜杠不区分，需要

手动调整成路径的斜杠 /

2. 复制粘贴绝对路径，只到文件目录，

需要手动补全文件名

 

2. 相对路径

从当前所在的文件夹（目录）开始查找资源

，构成路径就叫相对路径

et :

project -> index -> index.html logo.png

在 index.html中访问png

logo.png

../index/logo.png

注意 ： ../ 表示返回上一级目录

注意 ：

1. URL 严格区分大小写

2. 网络URL中避免出现中文

 

2. 图片标签

1. 作用 ：在网页中插入一张图片

2. 语法 ：<img src="url">

3. 属性 ：

src : 必填属性，设置图片路径

width : 设置图片宽度，取值为像素值 200px

height : 设置图片高度，像素单位可以省略的

title : 取值是图片的描述信息，在鼠标悬停在

图片上方时出现

alt : 设置图片加载失败之后的提示文本

 

3. 超链接标签

1. 提供了从当前文件跳转到其他文件的功能

2. 语法 ：<a href="url">超链接内容</a>

3. 属性 ：

href : 必填属性，指定链接地址

1. 属性为空 "" 表示跳转至当前页，包含

网络请求，相当于刷新

2. 属性为 "#" 表示当前页，

不包含网络请求

target : 设置目标文件的打开方式， 指是否

新建窗口打开，默认在当前窗口打开目标文件

取值 ：

_self 默认值，在当前窗口打开

_blank 新建窗口打开

 

4. 锚点链接

作用 ：在指定文件的指定位置进行跳转

语法 ：

<a href="#6">6. 早年经历</a>

<a name="6"></a>

<p>早年。。。</p>

 

 

 

想要看更多的课程请微信关注SkrEric的编程课堂

本文标签： skr