首页 > 其他分享 >HTML学习(3)(HTML字符格式)

HTML学习(3)(HTML字符格式)

时间:2024-03-20 12:22:58浏览次数:27  
标签:字符 序列表 标签 列表 HTML 格式 文本 定义

常见的字符格式有字体颜色,字体大小,加粗,倾斜等。

字符格式化标签

标签

功能

标签

功能

<b>

定义粗体文本

<sub>

定义下标字

<em>

定义着重文本

<sup>

定义上标字

<i>

定义斜体字

<ins>

定义插入字

<small>

定义小号字

<del>

定义删除字

<strong>

定义加重语气

<u>

下画线

计算机输出标签

标签

功能

<code>

定义计算机源代码或者其他机器可以阅读的文本内容

<kbd>

定义键盘码

<samp>

定义计算机代码样本

<tt>

定义打字机代码

<var>

定义变量

<pre>

定义顶格式文本

五.列表格式

1.有序列表

创建有序列表标记符为<ol>和列表项标记符<li>,基本语法乳如下:

<ol>

<li>列表1</li>

1.列表1

<li>列表2</li>

2.列表2

<li>列表3</li>

3.列表3

<li>列表4</li>

4.列表4

</ol>

有序列表的常用功能

属性

功能

revered

reversed

规定列表顺序为降序,如9.8.7……

start

number

规定有序列表的起始值

type

1,A,a,I,i

规定列表使用的标记类型

1.revered

Snipaste_2024-03-20_11-20-03.png

2.start

Snipaste_2024-03-20_11-22-35.png

3.tpye

Snipaste_2024-03-20_11-24-03.png

4.无序列表

无序标题也称项目列表,它是一种在各项内容前显示符号的列表,用来表示文本内容的并列顺序关系。

创建无序列表需要使用无序列表标记符ul和列表标记符li,基本语法如下:

Snipaste_2024-03-20_11-29-31.png

5.自定义列表

创建自定义列表以<dl>开始,每一个自定义列表项标题以<dt>开始,每一个列表项的定义以<dd>开始。基本语法如下:

Snipaste_2024-03-20_11-37-12.png

6.使用CSS控制列表项目符号

利用 list-style复合属性设置列表样式,基本语法如下:

list-style: 列表项目符号 列表项目符号位置 列表项目图像;

例如:(小图标没找到就用之前的龙抬头.png做了)

Snipaste_2024-03-20_12-06-08.png

(书接上回)(下回为超链接等)

标签:字符,序列表,标签,列表,HTML,格式,文本,定义
From: https://www.cnblogs.com/eng123/p/18084943

相关文章

  • 基于Html对父页面打开子页面Dialog()的使用
    1、背景:​ 作者在写项目的时候,遇到了一个很坑的问题,项目前端基于QUI,但是大部分是js+css实现。​ 有一个功能:列表页面使用Dialog()组件打开编辑、新增窗体,编辑、新增窗体点击提交关闭窗体,能够刷新列表页面,无论怎么百度就是找不到可以实现的方法,最终功夫不负有心人,终于找到了一......
  • 19.html+css网页设计实例/“美妆”口红主题介绍/web前端期末大作业/
    前言本文以“美妆”口红网页为主题设计,本实例系统文件种类包含:html结构文件、css网页样式文件。应用DIV、点击事件、表格、搜索等,供大家参考。【关注作者|获取更多源码(2000+个Web案例源码)|优质文章】;您的支持是我创作的动力!看到这里就【点赞收藏博文】,三连支持下吧,3Q!有兴趣的......
  • 415. 字符串相加c
    voidreverse(char*num1,intn){inthead=0,tail=n-1;while(head<=tail){charc=num1[head];num1[head]=num1[tail];num1[tail]=c;head++;tail--;}}intmax(inti,intj){if(i>j)returni;......
  • 斑马数据集目标检测1900张VOC+YOLO格式标注
    斑马是一种独特的马科动物,主要分布于非洲的草原、稀树草原和沙漠地区。它们因身上黑白相间的条纹而闻名,每只斑马的条纹都是独一无二的,这种特征不仅使它们在草原上显得优雅而充满活力,还具有保护作用,使它们在广阔的草原上更容易融入环境,避免天敌的注意。斑马的价值体现在多个方......
  • 本题要求实现一个删除字符串中的指定字符的简单函数
    #include<stdio.h>#defineMAXN20voiddelchar(char*str,charc){  intj;  for(inti=0;*(str+i)!='\0';i++)  {    if(*(str+i)==c)    {      *(str+i)=*(str+i+1);      i--;      for......
  • 这么出人意料?电脑音频转换成MP3格式,原来这么简单
    随着数字音乐的普及,MP3格式已经成为了音频文件共享和传输的标准格式。这种有损压缩格式能将原始音频文件压缩到更小的尺寸,同时保留高质量的音频。对于电脑上的音频文件,我们有时需要将其转换成MP3格式以满足特定的需求。接下来,我们将介绍几种将电脑上的音频文件转换成MP3格式的......
  • 视觉格式化模型
    视觉格式化模型盒模型:规定单个盒子的规则视觉格式化模型(布局规则):页面中的多个盒子的排列规则视觉格式化模型大体上将盒子的排列分为三种方式:常规流浮动绝对定位常规流布局常规六、文档流、普通文档流,常规文档流。所有元素,默认情况下,都属于常规流布局。总体规则:快盒独......
  • 64卦算卦html
    html如下,新建一个txt,复制进去,改名为html即可<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><inputid="a"/><br/><......
  • Java 编程实例:相加数字、计算单词数、字符串反转、元素求和、矩形面积及奇偶判断
    Java如何相加两个数字相加两个数字示例intx=5;inty=6;intsum=x+y;System.out.println(sum);//打印x+y的和输出11解释首先,声明两个int类型的变量x和y,并分别赋值为5和6。然后,使用+运算符将x和y相加,并将结果赋给变量sum。最后,使用Sy......
  • QlineEdit输入字符奇怪自动补全上一次字符而且交叉影响
    做一个名称校验的函数,不能输入特殊字符;SlotTextChanged函数作用是判断是否包含特殊字符,有的话,弹出提示,删除特殊字符之后,在设置回去;发现输入/之后,弹出模态提示,自动删除后,在右侧车牌号码输入框中输入任意字符a会自动变成/a;是模态对话框打断了变化消息,当在右侧输入字符时,触发了消息......