이 글에서는 HTML의 ol 태그에서 일련번호를 제거하는 방법을 소개합니다. 또한 HTML ol 주문 목록 태그에서 일련번호를 변경하는 방법도 소개합니다. 일련번호는 아래에 소개되어 있습니다. 어떤 일련번호를 직접 입력할지 결정할 수도 있습니다. 지금 이 글을 살펴보겠습니다
1. 먼저 HTML의 ol 태그에서 라벨을 제거하는 방법을 살펴보겠습니다.
HTML의 ol 태그는 순서가 지정된 태그 목록이라는 것을 모두 알고 있습니다. 일반적으로 1, 2, 3, 4와 같이 진행됩니다. 때로는 이렇게 진행되는 것을 원하지 않고 이 숫자를 자신의 일련 번호인 A, I, 예를 들어, 이러한 기호를 더 이상 원하지 않고 앞에 있는 일련번호를 제거하고 싶다면 먼저 일련번호를 제거하는 방법에 대해 이야기해 보겠습니다. (자세한 내용을 보고 싶으면 PHP 중국어 홈페이지, HTML 프로그래밍 강좌를 방문하세요)
먼저 전체 코드 예제를 살펴보겠습니다
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <ol> <li>php中文网</li> <li>百度</li> <li>腾讯</li> </ol> </body> </html>
기본 ol 태그 코드입니다. 효과는 다음과 같습니다. 아래에 표시됩니다.
이 ol 태그의 일련 번호는 모두 기본적으로 123으로 시작하고 모두 소문자를 기본 일련 번호로 사용하므로 우리가 해야 할 일은 일련 번호를 제거하는 것입니다. .
이제 ol 태그 일련 번호를 제거한 코드 예제를 보여 드리겠습니다.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<style type="text/css">
ol{
list-style:none;
}
</style>
</head>
<body>
<ol>
<li>php中文网</li>
<li>百度</li>
<li>腾讯</li>
</ol>
</body>
</html>
跟上面也差별로 없습니다. 여기 위보다 좀 더 계단식 스타일 시트 CSS 스타일이 있습니다. 지금은 이 스타일을 이해할 필요가 없습니다. , 이것은 앞으로 수행될 것입니다. 말하자면, 지금 해야 할 일은 이 CSS 스타일의 코드를 기억하는 것입니다. 이 스타일의 기능은 현재 웹 페이지의 모든 ol 태그에서 일련 번호를 취소하는 것입니다. 효과는 다음과 같습니다.
위 내용은 이미 일련번호가 없습니다. 물론 CSS 스타일을 사용했지만 이는 가장 간단한 스타일 예입니다. 이 방법을 사용하여 라벨을 제거하는 것이 가장 간단하고 가장 일반적으로 사용되는 방법입니다.
2. 이제 ol 태그에서 일련번호를 변경하는 방법을 살펴보겠습니다.
여기서는 CSS 스타일이 필요하지 않으며 가장 기본적인 html 태그의 속성만 필요합니다.
이제 이 ol 태그에 type 속성을 소개합니다. type 속성은 ol 목록의 일련 번호 유형을 정의합니다.
다음으로 “A”, “I”, “i”의 세 가지 유형을 실험해 보겠습니다.
이에 대한 코드는 다음과 같습니다.
<body> <ol type="A"> <li>php中文网</li> <li>百度</li> <li>腾讯</li> </ol> </body>
효과는 다음과 같습니다.
이 속성은 ol 태그의 일련번호가 "A"로 시작하는 목록으로 변경되어 다음과 같이 표시됨을 규정합니다.
이 유형 속성의 값이 소문자 a, abc 등으로 시작하여 "a"와 같은 경우에도 마찬가지입니다.
type 속성 값이 "I"인 경우에도 마찬가지입니다. 효과를 살펴보겠습니다.
type 속성 값이 "i"인 경우 "와 거의 같습니다. 나".
html ol 태그 사용에 대한 개인 요약:
이제 기본적으로 ol 태그를 사용하여 다양한 목록을 만들 수 있습니다. 일련 번호를 원하는 대로 변경할 수 있습니다. 목록. 순서가 있는 목록의 정의는 무한정 확장할 수 있는 모든 순서 번호를 사용할 수 있다는 것입니다. 순서 번호가 동일하면 순서가 없는 목록과 다르지 않습니다. 따라서 순서가 지정된 목록을 사용하는 것이 좋습니다. (자세한 내용을 알고 싶으시면 여기로 오세요: PHP 중국어 온라인 HTML 강좌)
【에디터 추천】
HTML에서 head 태그는 어디서 찾을 수 있나요? head 태그의 역할 요약
HTML5의 메타 태그의 세 가지 요소는 무엇인가요? 메타 태그 사용 요약
위 내용은 HTML의 ol 태그에서 레이블을 제거하는 방법은 무엇입니까?
- 태그 사용 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
HTML超文本标记语言--超在那里？（文档分析）Aug 02, 2022 pm 06:04 PM本篇文章带大家了解一下HTML（超文本标记语言），介绍一下HTML的本质，HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单，希望对大家有所帮助！
Go中Type关键字有哪些用法Sep 06, 2023 am 09:58 AMGo中Type关键字的用法有定义新的类型别名或者创建新的结构体类型。详细介绍：1、类型别名，使用“type”关键字可以为已有的类型创建别名，这种别名不会创建新的类型，只是为已有的类型提供一个新的名称，类型别名可以提高代码的可读性，使代码更加清晰；2、结构体类型，使用“type”关键字可以创建新的结构体类型，结构体是一种复合类型，可以用于定义包含多个字段的自定义类型等等。
解决Ubuntu挂载移动硬盘错误：未知的文件系统类型exfatJan 05, 2024 pm 01:18 PMubuntu挂载移动硬盘出现错误：mount:unknownfilesystemtype'exfat'处理方法如下：Ubuntu13.10或安装exfat-fuse:sudoapt-getinstallexfat-fuseUbuntu13.04或以下sudoapt-add-repositoryppa:relan/exfatsudoapt-getupdatesudoapt-getinstallfuse-exfatCentOSLinux挂载exfat格式u盘错误的解决方法CentOS中加载extfa
web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM总结了一些web前端面试（笔试）题分享给大家，本篇文章就先给大家分享HTML部分的笔试题（附答案），大家可以自己做做，看看能答对几个！
HTML5中画布标签是什么May 18, 2022 pm 04:55 PMHTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。
html中document是什么Jun 17, 2022 pm 04:18 PM在html中，document是文档对象的意思，代表浏览器窗口的文档；document对象是window对象的子对象，所以可通过“window.document”属性对其进行访问，每个载入浏览器的HTML文档都会成为Document对象。
html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PMhtml5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.
Dreamweaver Mac版
시각적 웹 개발 도구
