• 字体标签:

    h1~h6、font、 u、b,、strong、 em、 sup、 sub

  • 排版标签:

    div,、span、br、hr、center、pre

  • 图片标签:

    img

  • 超链接:

    a

  • 列表标签:

    ul、ol、dl

  • 表格标签:

    table

  • 表单标签:

    form

一 、列表标签

列表标签主要分为三种。

1、无序列表<ul>,无序列表中的每一项是<li>

英文解释:

  • ul:unordered list, “无序列表”的意思。
  • li:list item,“列表项“的意思。
<ul>
<li>甲</li>
<li>乙</li>
<li>丙</li>
</ul>

效果如下:

在这里需要注意:

  • li不能单独存在,必须包裹在ul里面;反过来可以这样说,ul的“儿子”不能是别的东西,只可以是li标签。
  • ul的作用并不是给文字增加小圆点的,而是增加无序列表的语义的。

属性:

  • type=“属性值”。这里的属性值是可以进行选择的:disc(实心圆点,默认),square(实心方点),circle(空心圆)。

效果如下:

列表之间是可以进行嵌套使用的。举个例子:

代码

效果如下:

特别注意:ul的”儿子“只能是li。但是li是一个容器级的标签,li里面什么都可以放。甚至还可以再放一个ul。

2、有序列表<ol>,里面的每一项是<li>

英文单词:ordered list

例如:

代码

效果如下:

属性:

  • type=“属性值”。属性值可以是:1 (阿拉伯数字,默认) 、a 、A 、i 、I。结合start属性表示从几开始。

和无序列表一样,有序列表也是可以嵌套的,跟之前的差不多就不举例了。

ul和ol就是语义不一样,怎么使用都是一样的。

ol里面只能有li,li必须背ol包裹。li是容器级的。

3、定义列表<dl>

英文解释:definition list,没有属性,dl的子元素只能是dt和dd。

  • <dt>:definition title 列表的标题,这个标签是必须的。
  • <dd>:definition description 列表的列表项,如果不需要可以不加的。

body标签中l的相关标签的更多相关文章

  1. 37-python中bs4获取的标签中如何提取子标签

    如果只是要提取一个标签 里面的属性值啥的,直接看这篇文章就可以了: 23-python用BeautifulSoup用抓取a标签内所有数据 如果是标签的嵌套,可以参考下面的思路,虽然不是很简洁,但是可以 ...

  2. C#后台实现在Grid标签中动态新增CheckBox标签(WPF中)

    页面代码 <Grid Margin="45,0,10,0" > <Grid.RowDefinitions> <RowDefinition Height ...

  3. 认识HTML中表格、列表标签以及表单控件

    前端之HTML,CSS(二) HTML标签 列表标签 无序列表:闭标签,由<ul><li></li>...</ul>组合而成,效果成纵向列表.格式:&l ...

  4. HTML列表(组标签)+div(布局标签)与span

    一.列表 HTML中常见的列表有三种,分别是: 1.无序列表,是一组描述列表语义的组标签,列表中每个项之间没有先后顺序:如图: 1)组标签:组标签就是由多个标签组成的一个整体,它们之间共同存在:例如 ...

  5. 关于<a></a>标签里嵌套<a></a>标签的bug

    当你用一个<a></a>标签时,在<a>标签中再插入一个<a></a>,此时,你会发现外面的<a>标签会重复出现,且有点混乱.找 ...

  6. HTML之body标签中的相关标签

    一 字体标签   字体标签包含:h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub& ...

  7. 前端 -----02 body标签中相关标签

    今日内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  8. 02-body标签中相关标签

    今日内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  9. python 全栈开发,Day45(html介绍和head标签,body标签中相关标签)

    一.html介绍 1.web标准 web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构 ...

随机推荐

  1. JS题目合集---新技术层出不穷,打好基础才是上策~

    在IT界中公司对JavaScript开发者的要求还是比较高的,但是如果JavaScript开发者的技能和经验都达到了一定的级别,那他们还是很容易跳到优秀的公司的,当然薪水就更不是问题了.但是在面试之前 ...

  2. jQuery学习之旅 Item5 $与jQuery对象

    1.$符号的由来 $符号本质就是函数的名字. jquery源码分析 通过分析我们知道,在jquery里边不只可以使用$符号,还可以使用jQuery标志 解决冲突问题 有的项目是中间过渡项目(proto ...

  3. 关于linux find命令的使用

    find 和 xargs   xargs和find 在 使用find命令的-exec选项处理匹配到的文件时, find命令将所有匹配到的文件一起传递给exec执行.但有些系统对能够传递给exec的命令 ...

  4. JAVA经典算法40题(原题+分析)之原题

    JAVA经典算法40题(上) [程序1]   题目:古典问题:有一对兔子,从出生后第3个月起每个月都生一对兔子,小兔子长到第四个月后每个月又生一对兔子,假如兔子都不死,问每个月的兔子总数为多少? [程 ...

  5. mysql千万级大数据SQL查询优化

    1.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 2.应尽量避免在 where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索 ...

  6. BZOJ_1934_[Shoi2007]Vote 善意的投票

    BZOJ_1934_[Shoi2007]Vote 善意的投票 Description 幼儿园里有n个小朋友打算通过投票来决定睡不睡午觉.对他们来说,这个问题并不是很重要,于是他们决定发扬谦让精神.虽然 ...

  7. 实现自动SSH连接

    #!/usr/bin/expect set timeout 10 set username [lindex $argv 0] set password [lindex $argv 1] set hos ...

  8. python 编译源文件

    背景 近期项目到了部署的阶段.由于项目后台和算法都是用Python "撸的",但是又不希望将源代码直接 "release" 到 “客户”哪里.于是开始思考... ...

  9. Netty实现高性能IOT服务器(Groza)之手撕MQTT协议篇上

    前言 诞生及优势 MQTT由Andy Stanford-Clark(IBM)和Arlen Nipper(Eurotech,现为Cirrus Link)于1999年开发,用于监测穿越沙漠的石油管道.目标 ...

  10. OsharpNS轻量级.net core快速开发框架简明入门教程-基于Osharp实现自己的业务功能

    OsharpNS轻量级.net core快速开发框架简明入门教程 教程目录 从零开始启动Osharp 1.1. 使用OsharpNS项目模板创建项目 1.2. 配置数据库连接串并启动项目 1.3. O ...