HTML文字列表标签

最新推荐文章于 2024-05-05 09:49:41 发布
最新推荐文章于 2024-05-05 09:49:41 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41547486/article/details/80044819
版权

-------------------------------HTML文字列表标签---------------------------

文字列表标签：

       ol：有序列表(orderly list)

              属性

                     Start从？开始，默认是1

                     Type类型。 A,a,I,i,1 默认是数字1

            子标签：li

 

示例代码：

<html>

       <head>

              <title>www.likunpeng.command</title>

       </head>

       <body>

              <h1>HTML文字列表标签</h1>

              <hr/>

              <h3>ol有序列表标签使用</h3>

              <h4>列出你喜欢的电影</h4>

              <ol>

                     <li>唐山大兄</li>

                     <li>死亡游戏</li>

                     <li>猛龙过江</li>

              </ol>

             

              <ol type= "A">

                     <li>唐山大兄</li>

                     <li>死亡游戏</li>

                     <li>猛龙过江</li>

              </ol>

             

              <ol type= "a">

                     <li>唐山大兄</li>

                     <li>死亡游戏</li>

                     <li>猛龙过江</li>

              </ol>

             

              <ol type= "I">

                     <li>唐山大兄</li>

                     <li>死亡游戏</li>

                     <li>猛龙过江</li>

              </ol>

             

              <ol type= "i">

                     <li>唐山大兄</li>

                     <li>死亡游戏</li>

                     <li>猛龙过江</li>

              </ol>

             

              <ol type= "1" start="3">

                     <li>唐山大兄</li>

                     <li>死亡游戏</li>

                     <li>猛龙过江</li>

              </ol>           

       </body>

</html>

--------------------------------------------------

HTML文字列表标签

ol有序列表标签使用

列出你喜欢的电影

1.    唐山大兄

2.    死亡游戏

3.    猛龙过江

A.    唐山大兄

B.    死亡游戏

C.    猛龙过江

a.     唐山大兄

b.     死亡游戏

c.      猛龙过江

       I.           唐山大兄

    II.           死亡游戏

  III.           猛龙过江

       i.           唐山大兄

     ii.           死亡游戏

  iii.           猛龙过江

3.    唐山大兄

4.    死亡游戏

5.    猛龙过江 

----------------------------------------------------------

ul：无序列表(unordered list)：

       属性：

       Type 空心圆 circle、实心圆 disc、实心方块square、默认disc

       子标签：li

 

dl：定义列表(definition list)：

       子标签：dl

              dt：定义语

              dd：定义说明

示例代码：

<html>

       <head>

              <title>www.likunpeng.command</title>

       </head>

       <body>

              <h1>HTML文字列表标签</h1>

              <hr/>

              <h3>ul无序列表标签使用</h3>

              <h4>列出你喜欢的电影</h4>

              <ul type = "disc">

                     <li>唐山大兄</li>

                     <li>死亡游戏</li>

                     <li>猛龙过江</li>

              </ul>

             

              <ul type= "circle">

                     <li>唐山大兄</li>

                     <li>死亡游戏</li>

                     <li>猛龙过江</li>

              </ul>

             

              <ul type= "square">

                     <li>唐山大兄</li>

                     <li>死亡游戏</li>

                     <li>猛龙过江</li>

              </ul>

              <hr/>

              <h3>定义列表标签使用</h3>  

              <h4>列出你喜欢的球星</h4>

              <dl>

                     <dt>詹姆斯</dt>

                     <dd>联盟第一人</dd>

                     <dt>乔丹</dt>

                     <dd>历史第一人</dd>

                     <dt>张伯伦</dt>

                     <dd>恐怖第一人</dd>

              </dl>

       </body>

</html>

----------------------------------------------

 

HTML文字列表标签

ul无序列表标签使用

列出你喜欢的电影

  • 唐山大兄
  • 死亡游戏
  • 猛龙过江
  • 唐山大兄
  • 死亡游戏
  • 猛龙过江
  • 唐山大兄
  • 死亡游戏
  • 猛龙过江

定义列表标签使用

列出你喜欢的球星

詹姆斯

联盟第一人

乔丹

历史第一人

张伯伦

恐怖第一人

 

李昆鹏
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML 列表标签详解
01-08
列表标签概述 特点：整齐、整洁、有序，用来布局会更加自由和方便 列表的分类：无序列表、有序列表、自定义列表 无序列表 无序列表的基本语法格式如下： 列表项1 列表项2 列表项3 注意： 1、无序列表的各个列表项...
html5 a标签,img标签，em和i标签，strong和b标签,q标签
ztt0918的博客
03-19 8380
html5 a标签,img标签，em和i标签，strong和b标签,q标签
HTML入门第一天-基本框架、html a、b、i、em、u的用法、table 表格
qq_45128461的博客
02-05 675
HTML入门第一天 基本框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> ...
HTML-有序列表-类型
最新发布
m0_73839298的博客
05-05 167
【代码】HTML-有序列表-类型。
HTML学习
qq_51576943的博客
12-11 129
HTML学习HTML中的常用标签标题标签段落标签列表标签图片标签 HTML中的常用标签 标题标签 在网页中默认字体大小最小为16px/1em，1em=16px <!-- 标题标签 --> <h1>一级标题标签，有加粗效果，字体比较大</h1> <h2>二级标题标签，有加粗效果，字体比一级的小</h2> <h3>三级标题标签，有加粗效果，字体比二级的再小点</h3> <h4>四级标题标签，有加粗效果，字体比三级的
HTML学习笔记-----行内元素、块级元素和行内块元素
qq_42607483的博客
08-29 2239
如图所示，a标签、i标签和span标签都是行内元素，p和h1标签都是块级元素，img则是行内块元素。 块级元素 一般来讲，块级元素总会占据一行的空间，也就是说写在块级元素后面的内容会自动换行，另起一行排列，块级元素里面可以包含其他的块级元素和行内元素，常见的块级标签有div、ul、li等，需要注意的是ul和ol里一般包含的是li标签，li标签里面再包含其他元素。 行内元素 不能自行设置宽高，宽高由内容决定，且在没有特殊情况下不会自己换行，一个行内元素只占据它对应标签的边框所包含的空间。一般情况下只能包含..
HTML基本标签
qq_42865575的博客
08-12 461
b标签：粗体，双标签，例如&amp;amp;amp;amp;amp;lt;b&amp;amp;amp;amp;amp;gt;html&amp;amp;amp;amp;amp;lt;/b&amp;amp;amp;amp;amp;gt; i标签：斜体，双标签，例如&amp;amp;amp;amp;amp;lt;i&amp;amp;amp;amp;amp;gt;html&amp;amp;amp;amp;amp;lt;/i&amp;amp;amp;am
HTML标签汇总模板.doc
11-23
<ul> 标签用于定义无序列表，可以通过 type 属性设置列表项的样式。 * disc：实心圆 * circle：空心圆 * square：小方块 13. 有序列表 <ol> 标签用于定义有序列表，可以通过 type 属性设置列表项的样式。 * ...
HTML5标签小集
09-28
HTML5是超文本标记语言（HTML）的最新版本，它引入了许多新的标签和特性，旨在使网页设计更加语义化，提高用户体验，并简化开发者的工作。这些标签帮助开发者更清晰地定义网页内容的结构，增强可访问性和搜索引擎...
html标签和属性总结
07-06
* `<ol>`、`<ul>`、`<dl>`：列表标签 * `<div>`：文档分区标签 * `<form>`：表单标签 格式标签用于定义文本的格式，如加粗、斜体、下划线等。常见的格式标签包括： * `<b>`：字体加粗标签 * `<i>`：字体斜体标签 *...
Vue替代marquee标签超出宽度文字横向滚动效果
10-15
【Vue替代marquee标签实现文字滚动效果】 在现代前端开发中，由于HTML5不推荐使用`<marquee>`标签，因为它被认为是过时且不标准的元素。为了在Vue项目中实现类似的效果，我们可以借助自定义组件或者第三方库来创建...
前端——HTML中的常用标签详解
xh1605004242的博客
05-06 6820
HTML中的常用标签
HTML常用标签合集
热门推荐
rbh200812的博客
07-26 1万+
html常见标签的认识与运用
<a>标签中排除<i>跳到href并转跳其他地方
hwm的专栏
07-01 1470
基于JQuery 页面形式： 为了排除跳到href，需要在处加上onclick="return false;" 为了让question">转跳其他地方,需要再javascript中加上id并添加click事件：  $(function(){   $('#question').click(function(){   window.location.
2021-03-01
LHJ0_0的博客
03-01 169
下拉列表且右拉框 首先我们先看看初始样式： 接着我们看一下最终的效果： 现在我们看HTML的布局： 首先一个大的a标签包裹着一句文本，后面接着p标签，p标签里面接着i标签，同时p标签包裹着一句文本； 这里放a标签是因为这是一个“按钮”，按钮肯定会有点击，所以我们就要用到a标签，然它在点击时有一个页面跳转；p标签在这里的意义就是一个包裹文本的标签； 现在，我们来看a标签的样式： 先是将这个元素变成行内块级元素，然后给一个相对定位，内边距：上下为0px 左右为20px，高100px，行高100px，字体颜
HTML标签基本操作
weixin_44538322的博客
02-22 464
撰写日期：2019年01月27日 在书写代码时，我们可以应用一些小技巧来加快我们的书写速度，就比如HTML中的标签书写。 我们可以用一些快捷符号来快速书写标签格式。 ...
php中<i></i>标签,用i标签<i></i>用作小图标的原因
weixin_31068491的博客
03-18 1242
用 元素做图标在语义上是不正确的(虽然看起来像 icon 的缩写)； 比 短，但 gzip 后差异很小，不过打字可以少按三个键；多数图标用的是空 元素，配合 ::before 伪元素实现，因为没有内容，读屏器不会朗读(这样即使有特殊处理也跳过了)，机器理解起来应该也没什么影响。综合来看，从实用性上暂时没看出有什么缺陷，所以目前用不用 取决于你对于遵循规范有多洁癖。基本语法:before 和...
常见文本标签，列表标签
m0_52346373的博客
01-18 191
文本标签 表示换行 br 段落标签 p 标题标签 h1,h2,h3,h4,h5 数字表示字体的大小 列表标签 1.无序标签 ul 内部用 li 显示 2.有序标签 ol 内部用 li 显示 3.ul ol都可以嵌套使用。 4.dl dt标签 内部用dt表示data title，用dd显示 ...
HTML常用的标签
m0_58600615的博客
07-07 3005
在文章中都离不开标题，网页中的标题就是标题标签h标签，一共有1-6六个标签，其重要程度依次递减，文字大小也依次减小，标题标签的特点就是文字会加粗和变大，并且独占一行 在文章中都离不开段落，网页中的段落就是段落标签p标签，其特点就是独占一行，段落之间存在间隙 换行标签为br标签，就是让文字强制换行显示，其特点就是单标签，可以让文字强制换行 在文章中，有时候会用一条横线来分割不同主题的内容，网页中的横线就是水平线标签hr，其特点就是单标签，在网页中显示一条横线 在网页中，可以让文字有加粗、倾斜、删除线、下
html显示文字的标签
06-09
HTML中用于显示文本的标签有很多，其中常用的包括： - `<p>`：用于定义段落，通常会在段落前后添加空行。 - `<h1>` ~ `<h6>`：用于定义标题，数字越小表示标题级别越高。 - `<a>`：用于创建超链接，可以链接到其他网页、文件或页面内的位置。 - `<strong>`、`<em>`：用于加粗或斜体显示文本。 - `<ul>`、`<ol>`、`<li>`：用于创建无序列表、有序列表和列表项。 - `<br>`：用于换行。 - `<hr>`：用于创建水平线。 除此之外，还有很多用于显示文本的标签，具体使用要根据具体情况来选择。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值