HTML5 및 CSS3 프로그래밍 용 정렬되지 않은 목록을 만드는 방법 - 더미

HTML5의 모든 목록 유형은 밀접한 관련이 있습니다. 가장 간단하고 가장 일반적인 종류의 목록은 정렬되지 않은 목록입니다. HTML에서 순서 목록과 중첩 목록을 사용할 수도 있습니다.

정렬되지 않은 목록보기

간단한 페이지를보십시오. 두 개의 헤더 외에도 정보 목록이 있습니다.

이 브라우저 목록에는 흥미로운 시각적 특성이 있습니다.

• 항목이 들여 쓰기되어 있습니다. 왼쪽 여백과 각 목록 항목의 시작 부분 사이에 약간의 여유 공간이 있습니다.

• 목록 요소에는 글 머리 기호가 있습니다. 각 항목 앞의 작은 점은 글 머리 기호입니다. 글 머리 기호는 일반적으로이 순서가 아닌 목록에서 사용됩니다.

  

• 각 항목이 새 행을 시작합니다. 목록 항목이 표시되면 새 행에 표시됩니다.

이러한 특성은 목록이 있음을 확인하는 데 도움이되지만 기본 동작 일뿐입니다. 목록으로 무언가를 정의한다고해서 특정한 방식으로 보이도록 강요하지는 않습니다. 기본값을 사용하면 이러한 항목이 참으로 목록의 일부임을 알 수 있습니다.

여기 HTML의 핵심 아이디어를 기억하십시오. 당신은 실제로 어떤 것들이 보기, 그러나 그들이 의미 하는지를 설명하지 않습니다. 나중에 CSS를 결정할 때 모양을 변경할 수 있으므로 특정 모양새에 묶이지 마십시오. 지금은 HTML이 목록을 작성하고 다양한 유형을 사용하는 방법을 알고 있는지 확인하십시오.

정렬되지 않은 목록을 작성하는 방법

목록에는 두 가지 종류의 태그가 있습니다. 하나의 태그가 전체 목록을 둘러싸고 있으며 일반적인 유형의 목록을 나타냅니다. 이 첫 번째 예제는 쌍으로 둘러싸인 정렬되지 않은 목록을 보여줍니다.

->

주:

집합 안의 모든 코드 들여 쓰기가 일반적입니다. 정렬되지 않은 목록은 본문에 들어갈 수 있습니다.

집합 내부에는 많은 목록 항목이 있습니다. 목록의 각 요소는

• (목록 항목)과
태그 사이에 저장됩니다. 일반적으로 각쌍은 소스 코드의 고유 한 행을 사용하지만 원하는만큼 목록 항목을 만들 수 있습니다.

총알을 원, 사각형, 사용자 정의 이미지 등 모든 종류의 다른 이미지로 변경할 수 있습니다.

순서가없는 목록의 코드는 매우 간단합니다:

basicUL. html

기본 목록

일반적인 웹 브라우저

Firefox
Chrome
Internet Explorer
Opera
Safari