使用项目符号和列表、超链接等标签设计网页

1、项目符号和列表标签

项目符号和列表标签
  序号 标签名称 功能描述
1 <ul> 定义无序列表
2 <ol> 定义有序列表
3 <li> 定义列表的项目
4 <dl> 定义定义列表
5 <dt> 定义定义列表中的项目
6 <dd> 定义定义列表中项目的描述
7 <dir> 不赞成使用,目录列表
8 <menu> 定义命令的列表或菜单
9 <menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目

1、无序列表<ul>中,用<li>列出选项,type属性可取值为:disc(实心圆形)、circle(空心圆形)、square(实心小矩形),默认为disc。

2、有序列表<ol>中,用<li>列出选项,type属性可取值为:1、A、a、I、i,默认为1。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用ul和li设计菜单中的菜单选项</title>
</head>
<body>
<ul id=nav><li>java面向对象<ul><li>表格化教案</li><li>方法库</li><li>原理库</li><li>案例库</li><li>视频库</li><li>辅助资源库</li><li>优秀学生作品库</li><li>课程管理</li></ul></li><li>Android移动开发<ul><li>表格化教案</li><li>视频库</li><li>教学案例库</li><li>知识资源库</li><li>辅助资源库</li><li>辅课程管理 (限)</li></ul></li>
</ul>
</body>
</html>

2、超链接标签

1)超链接

按照链接路径不同分为:内部链接、锚点链接、外部链接

URL(Uniform Resource Locator)指统一资源定位器(包括三个部分:协议代码、主机地址、具体的文件名)

2)文件路径

绝对路径:指文件的完整路径

相对路径:指相对于当前文件的路径

3)超链接的建立

用<a> 标签用来建立超链接

<a href="URL">链接内容</a>

用<link>标签定义文档与外部资源的关系

使用项目符号和列表、超链接等标签设计网页相关推荐

  1. html 圆圈项目符号,html – 列表项下的项目符号

    因此,我对您的代码进行了一些更改,以解决您的问题: >增加子弹从顶部的距离 >通过左侧居中:50%和translateX(-50%) >将子弹设置为绝对位置,并将其父级li设置为相对 ...

  2. 项目符号css样式,CSS: 项目符号及列表编号颜色

    彩色列表编号 编号列表怎么办? 它的概念是一样的:因为我们不能用我们 自己生成的自动计数器,我们必须更换自动计数器. 除了上面的属性,我们还需要创建一个计数器. 假设我们使用一个叫做"li& ...

  3. html项目符号正方形,html – 列表项下的项目符号

    因此,我对您的代码进行了一些更改,以解决您的问题: >增加子弹从顶部的距离 >通过左侧居中:50%和translateX(-50%) >将子弹设置为绝对位置,并将其父级li设置为相对 ...

  4. java自动生成项目编号_java - Apache POI,在同一文档中创建项目符号点和编号列表 - 堆栈内存溢出...

    我试图用apache poi创建一个既包含圆点又包含编号列表的文档. 我想得到这样的结果. 名单: 清单1项目0 清单1项目1 清单1项目2 列表后的段落. 清单2: 清单2项目0 清单2项目1 清单 ...

  5. html三角形无序列表样式,Keynote创建项目符号列表或编号列表

    文本框会添加到幻灯片上. 选择要格式为列表的文本,然后从 中选取一个选项. 2.选定了文本框后,在"格式"检查器的"文本"面板中,从"项目符号与列表& ...

  6. list-style-type属性、list-style-image属性、list-style-position属性、list-style复合属性的用法,背景图像定义项目符号/学习笔记

    一.list-style-type属性 在css中list-style-type属性可以用于控制列表项显示符号的类型 /*使用该方法可以使用css来定义列表的type属性*/ 属性值 描述 属性值 描 ...

  7. word中项目符号自动变小_HTML和Word中的项目符号点类型和创建

    word中项目符号自动变小 Bullet Pointis a thick point symbol used to create a top-down list of text to express ...

  8. html项目符号正方形,HTML无序列表| HTML项目符号列表

    本文概述 HTML无序列表或项目符号列表以项目符号格式显示元素.我们可以使用无序列表, 而无需按任何特定顺序显示项目. HTML ul标签用于无序列表.项目符号列表可以有4种类型: 碟片 圈 广场 没 ...

  9. Css中设置列表项目符号属性,CSS如何设置列表样式属性,分享

    列表样式属性 在HTML中有2种列表.无序列表和有序列表,在工作中无序列表比较常用,无序列表就是ul标签和li标签组合成的称之为无序列表,那什么是有序列表呢?就是ol标签和li标签组合成的称之为有序列 ...

最新文章

  1. linux实验试题 cp,51CTO博客-专业IT技术博客创作平台-技术成就梦想
  2. 不要为框架作过多的假设
  3. junit测试起名字规则_如何在JUnit 5中替换规则
  4. class12_pack_grid_place 放置位置
  5. 滑动窗口解决最小子串问题 leetcode3. Longest Substring Without Repeating Characters
  6. T4 Templates and the Entity Framework
  7. PHP手机获取6为不反复验证码
  8. 凸优化第二章凸集 2.5 分离与支撑超平面
  9. ibm刀箱服务器型号查询,IBM 服务器模块 刀箱模块
  10. android抠图软件,手机抠图软件
  11. 卡尔曼滤波原理与应用
  12. Shifterator库 | 词移图分辨两文本用词风格差异
  13. 怎么关闭win7计算机一键还原系统,win7一键还原按哪个键_win7一键还原
  14. 深度清理mac磁盘空间的方法,方方面面都清理干净
  15. 解决cpu和内存占用率高的问题
  16. java中String xx xx_Java中常用String方法
  17. Kotlin项目实战之手机影音---悦单条目实现及BaseListFragment抽取
  18. 起始字节 和起始位_frechlet起始距离fid的简短介绍
  19. display和visility
  20. 解决需求变更难题的8大方案

热门文章

  1. fastai教程入门
  2. Python量化交易:如何用不到20行代码实现回溯检验
  3. 四位辉光管时钟-学长毕设
  4. c/c++ int 范围的原因
  5. PMP考试报名被抽查怎么办?
  6. 普通高中课程标准实验教科书(必修)数学4_学习笔记
  7. ip-guard加密客户端加密后文档图标没有加密锁的标志
  8. 《惢客创业日记》2019.10.27(周日)5G仅仅是速度快吗?(七)
  9. 酒店微信售房3种方案介绍
  10. mysql sql 字段唯一_MySQL数据库唯一性设置(unique index)