# ol

33개의 포스트
post-thumbnail

html list

순서가 있는 list ![](https://velog.velcdn.com/images/limchard/post/10f90ab6-aa9e-48fc-bc20-4a19e942b3

2023년 10월 29일
·
0개의 댓글
·
post-thumbnail

li 태그 적용 안되는 이슈

li 태그를 검사해봤을 때 위와 같이 list-style-type이 none으로 되어있음main.css에서 전역적으로 list-style에 none을 주고있음tailwind base로 인해서 해당 css가 적용됨을 확인 -> li 태그 스타일을 직접 줘서 해결

2023년 10월 17일
·
0개의 댓글
·

HTML <body>: <ol>,<ul>,<dl>

목록태그에는 ol, ul, dl태그가 있다.

2023년 9월 20일
·
0개의 댓글
·
post-thumbnail

0713

&lt;a>는 하이퍼링크를 만들어주는 태그로 &lt;a ref=”(주소 or 경로)”>로 활용문자 외에 이미지도 하이퍼링크 가능&lt;img src=”(이미지 경로)”>정렬& nbsp : 한 칸 띄기 / & copy : © / & lt and & gt : &lt; a

2023년 7월 13일
·
0개의 댓글
·

ol 태그와 ul 태그의 차이점이 무엇인가요?

&lt;ol> 태그와 &lt;ul> 태그는 모두 목록(list)을 나타내는 태그입니다. 그러나 그들의 주요 차이점은 다음과 같습니다:&lt;ol> 태그 (Ordered List):&lt;ol> 태그는 정렬된 목록(ordered list)을 나타냅니다.목록 항목은 일련번

2023년 6월 18일
·
0개의 댓글
·
post-thumbnail

[HTML/CSS] 웹페이지에서 목록을 만드는 데 사용되는 HTML 태그 <ul>, <ol>, <li>

ul 요소는 순서가 중요하지 않은 목록을 나타낼 때 사용함. ul 요소 내 들어갈 항목의 순서가 필요하다면 ol 요소를 사용. ul 과 ol 의 직계 자식 요소로는 오직 li 요소만 올 수있으며 하나 이상의 자식을 가져야 함.예를 들면, 해당 코드는 이렇게 나타남.I

2023년 6월 8일
·
0개의 댓글
·

문자 콘텐츠

<li>가 <ul>의 자식 태그여야 하는 이유 | display 속성 inline과 block 비교

2023년 4월 7일
·
0개의 댓글
·
post-thumbnail

[HTML] ul li ol 차이

▶참고 사이트◀List, 목록 태그&lt;ol>태그순서가 있는 목록Ordered List&lt;ul>태그순서가 없는 목록Unordered List&lt;dl>태그정의 목록(용어 목록)Definition List &lt;li>태그목록의 항목List Item

2023년 4월 4일
·
0개의 댓글
·
post-thumbnail

HTML 기본 03

1️⃣ &lt;h1>~&lt;h6>글자 크기 조정 할 수 있다.align = left / mille =center / right2️⃣&lt;font> : HTML 코드에서 사용되는 태그로, 텍스트의 색상, 크기, 글꼴 등을 변경하는 데 사용됩니다. size, color

2023년 3월 27일
·
0개의 댓글
·

[ex-1] 03/15 자바스크립트 수업 (복습)

h태그는 1에서 6까지 있고, 갈수록 작아진다.&lt; a > : 링크를 연결해주는 태그 (href=""는 속성)ul : li태그를 감싸주는 태그li : 리스트 작성 태그ol : 순서가 있는 태그

2023년 3월 15일
·
0개의 댓글
·

[2] 03/10 자바스크립트 수업

줄바꿈 태그리스트 태그 (&lt; ul > 안에 있어야함)ol은 순서가 있는 리스트1234 순으로 순서가 붙고, abcd ㄱㄴㄷㄹ 순서로 바꿀 수도 있음링크를 거는 태그&lt; a href="링크내용" > 표기되는 글자(img태그 사용가능) &lt; /a >"링크내용"

2023년 3월 10일
·
0개의 댓글
·

HTML 기본 태그 (목록 요소)

&lt;ul> 태그는 unordered list 의 약자로, 순서가 없는 리스트를 생성한다.&lt;ol> 태그는 자동으로 순서를 가진 리스트를 생성한다.✔ &lt;ul> 태그와 &lt;ol> 태그는 둘 다 부모태그로서 자식태그인 &lt;li> 태그를 동반한다.

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

[HTML] 4. 리스트 <li>, <ul>, <ol>

각 항목을 리스트로 묶어준다.공백 br 태그 등을 활용해 구분할 수 있겠지만, 더 편리하게 구분지어주기 위해 활용그룹핑을 하기 위한 부모태그/ 자식태그를 가져야 한다~!!자동으로 넘버링해줌

2023년 1월 6일
·
0개의 댓글
·

<HTML> Unit 3. HTML 기본 태그

전부 다 `` 태그 안에 입력! 1) 글자 태그 1. 제목 글자 `, , , , ,` h는 Heading을 의미 h1 ~ h6 순서대로 첫 번째부터 여섯 번째까지 큰 제목 글자 생성. (숫자가 작을 수록 제목도 큼.) [예시] 2.본문 글자 `` : 본문

2022년 11월 8일
·
0개의 댓글
·

[openlayers] ol-style-icon 이미지로 아이콘 띄우기

ol 태그로 이미지 아이콘 입력하는거 찾아도 찾아도 없더라...근데 이렇게 간단한거라니

2022년 9월 30일
·
0개의 댓글
·
post-thumbnail

[HTML] List (ol, ul, dl)

&lt;ol>start=”숫자” - 시작 번호type=”A” - defalut는 숫자, “A”는 대문자 알파벳 순, “a”는 소문자&lt;li>value =”숫자” - 번호 지정&lt;ul/>type=”square” - default는 원, “square”는 네모&lt

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

list-style-type

&lt;ol>, &lt;li>태그로 순서있는 목록을 만들 수 있음(숫자, 알파벳 ...)list-style-image:url('이미지파일경로');를 사용하여 불릿 이미지를 만들 수 있음list-style-position: inside;: 안쪽으로 들여쓰기list-sty

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

<table>, <ul>, <ol>

Table 목록을 만드는 태그 `` 순서 없는 목록 `` 순서 있는 목록

2022년 6월 29일
·
0개의 댓글
·