>  기사  >  웹 프론트엔드  >  HTML의 ol 태그에서 레이블을 제거하는 방법은 무엇입니까?

    태그 사용 방법 요약

HTML의 ol 태그에서 레이블을 제거하는 방법은 무엇입니까?
    태그 사용 방법 요약

寻∝梦
寻∝梦원래의
2018-08-31 13:35:2119630검색

이 글에서는 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 태그 코드입니다. 효과는 다음과 같습니다. 아래에 표시됩니다.

HTML의 ol 태그에서 레이블을 제거하는 방법은 무엇입니까? <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 태그에서 일련 번호를 취소하는 것입니다. 효과는 다음과 같습니다.

HTML의 ol 태그에서 레이블을 제거하는 방법은 무엇입니까? <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>

효과는 다음과 같습니다.

HTML의 ol 태그에서 레이블을 제거하는 방법은 무엇입니까? <ol> 태그 사용 방법 요약

이 속성은 ol 태그의 일련번호가 "A"로 시작하는 목록으로 변경되어 다음과 같이 표시됨을 규정합니다.

이 유형 속성의 값이 소문자 a, abc 등으로 시작하여 "a"와 같은 경우에도 마찬가지입니다.

type 속성 값이 "I"인 경우에도 마찬가지입니다. 효과를 살펴보겠습니다.

HTML의 ol 태그에서 레이블을 제거하는 방법은 무엇입니까? <ol> 태그 사용 방법 요약

type 속성 값이 "i"인 경우 "와 거의 같습니다. 나".

html ol 태그 사용에 대한 개인 요약:

이제 기본적으로 ol 태그를 사용하여 다양한 목록을 만들 수 있습니다. 일련 번호를 원하는 대로 변경할 수 있습니다. 목록. 순서가 있는 목록의 정의는 무한정 확장할 수 있는 모든 순서 번호를 사용할 수 있다는 것입니다. 순서 번호가 동일하면 순서가 없는 목록과 다르지 않습니다. 따라서 순서가 지정된 목록을 사용하는 것이 좋습니다. (자세한 내용을 알고 싶으시면 여기로 오세요: PHP 중국어 온라인 HTML 강좌)

【에디터 추천】

HTML에서 head 태그는 어디서 찾을 수 있나요? head 태그의 역할 요약

HTML5의 메타 태그의 세 가지 요소는 무엇인가요? 메타 태그 사용 요약

위 내용은 HTML의 ol 태그에서 레이블을 제거하는 방법은 무엇입니까?

    태그 사용 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.