UL 태그 란 무엇입니까?

UL 태그로 잘 알려진 비 순차 또는 비 번호 목록 태그는 웹 페이지 디자이너가 웹 페이지의 텍스트를 들여 쓰기 및 글 머리 기호 목록으로 표시하고 그룹화하는 방법을 제공합니다. UL 태그는 HTML (Hypertext Markup Language) 페이지 및 CSS (Cascading Style Sheet)에 정의 된 스타일 요소로 사용됩니다. UL 태그는 HTML 2.0까지 표준화되지 않았지만 1992 년 Tim Berners-Lee가 HTML에 대해 처음 게시 한 설명에서 정의되었습니다.이 요소는 모든 주요 웹 브라우저에서 지원됩니다.

UL 태그는 BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD, DD 또는 LI 태그에 사용될 수 있습니다. HTML의 UL 태그는 여는 <UL> 및 닫는 </ UL> 태그로 표시되며 태그 앞뒤에 빈 공간을 삽입합니다. HTML UL 태그 이외의 추가 형식 유연성을 제공하는 CSS UL 태그는 ul {list-style-type : }, 여기서 값은 디스크, 원 또는 사각형으로 정의되며 기본값은 디스크입니다. 개별 목록 항목은 <UL> 태그 사이에 삽입되며, 맨 앞에 LI 또는 목록 항목 태그가 붙습니다. 다음 HTML 예제는이 태그를 사용하여 과일 목록을 구성하는 방법을 보여줍니다.

<UL>
<LI> 애플
<LI> 바나나
<LI> 오렌지
<LI> 파인애플
</ UL>

정렬되지 않은 목록의 모양을 수정하는 데 유용한 여러 표준 또는 선택적 속성뿐만 아니라 클래스, ID, 스타일 및 제목과 같은 핵심 속성 세트가 있지만 정렬되지 않은 목록에는 속성을 사용해야합니다. . 버전 2.0에서 표준화 된 압축 및 유형 속성을 제외하고 선택적 속성은 버전 4.0까지 공식적으로 표준화되지 않았습니다.

간결한 속성은 글 머리 기호 텍스트와 정의를 모두 한 줄에 표시합니다. 유형은 글 머리 기호 스타일을 정의하며 유형이 지정되지 않은 경우 자동으로 디스크로 기본 설정됩니다. UL HTML 태그에 사용되는 다른 미리 정의 된 글 머리 기호 유형에는 정사각형과 원이 있습니다. <UL src =”URL ">에서와 같이 src 속성을 사용하여 저장된 이미지의 위치를 ​​지정하여 사전 정의 된 글 머리표 유형 대신 사용자 정의 이미지를 사용할 수 있습니다. URL (Uniform Resource Locator)은 위치를 나타냅니다. 버전 4.0.1부터 UL 태그의 압축 및 유형 속성이 더 이상 사용되지 않으므로 향후 HTML 버전에서 지원되지 않을 수 있습니다.

UL 태그 스타일을 정의하는 데 사용되는 다른 속성은 다음과 같습니다.

  • DIR :이 속성은 텍스트 방향에 관한 정보를 포함합니다.
  • ID : 태그 할 CSS 속성의 특정 ID를 정의합니다.
  • LANG : 언어를 인코딩합니다.
  • STYLE : CSS 인라인 스타일을 정의합니다.

예를 들어, 마우스가 HTML UL 태그 위로 마우스를 가져 가거나 사용자가 목록 항목을 클릭 할 때 발생하는 상황을 정의하는 JavaScript 이벤트 핸들러는 정렬되지 않은 목록을 세분화하는 데 사용될 수도 있습니다. UL 태그가 지원하는 이벤트 핸들러에는 onClick, onDbClick, onMouseDown, onMouseUp, OnMouseOver, onMouseMOve, onMouseOut, onKeyPress, onKeyDown 및 onKeyUp이 있습니다.

다른 언어

이 문서가 도움이 되었나요? 피드백 감사드립니다 피드백 감사드립니다

어떻게 도와 드릴까요? 어떻게 도와 드릴까요?