# ol

29개의 포스트

문자 콘텐츠

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

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

면접스터디 - 10일차

간단한 대답은 &lt;ul>&lt;/ul> 혹은 &lt;ol>&lt;/ol> 태그로 목록임을 알려주고 자식태그로 &lt;li>&lt;/li>는 개별 항목이라 알려주자는 합의 때문에 그렇습니다. 웹 접근성을 제공하기 위해 활용합니다. &lt;ul>&lt;/ul>은 uno

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개의 댓글
·

[HTML] 1-4 나열되는 요소들

ul, ol의 1촌 자식은 오직 li만 가능하다!css로 모양을 조절할 수 있다.emmet ex) ul>li\*4css를 이용해 웹 상에서 나열되는 것들을 다양하게 표현할 수 있다.emmet ex) dl>(dt+dd)\*n컴퓨터가 사이트를 분석할 때, 용어와 용어의 정

2023년 1월 11일
·
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개의 댓글
·
post-thumbnail

미디어 쿼리 사용하기

미디어 쿼리 사용하기 image‏‏‎ ‎미디어 쿼리 사용하기 image미디어 쿼리 사용하기 image미디어 쿼리 사용하기 image‏‏‎ ‎미디어 쿼리 사용하기 image‏‏‎ ‎미디어 쿼리 사용하기 image‏‏‎ ‎

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

CSS 부모 자식 선택자

!youtubejdc-7VMNf9g아래의 태그는 ul 밑에 있는 모든 태그를 선택합니다ul li{ color:red;}아래 선택자는 > border:1px solid red;}ul,ol{ background-color: powderblue;}

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

🧙🏼 HTML 목록과 표

HTML 목록 : ul ol li > * 순서가 있는 목록 (단계수행, 레시피, 순서 ) Ordered List = 정렬 순서가 없는 목록 (아이템 나열 ex) 메뉴판 ) Unodered List = 비정렬 순서가 있는 목록 Ordered List (1) type

2022년 4월 1일
·
0개의 댓글
·

[HTML 기초] 목록태그

목록 태그는 나열되는 목록을 작성할 때 사용합니다. 가장 일반적인 리스트는 물론, 메뉴같은 반복되는 형식을 작성하는데 유용합니다.

2022년 1월 9일
·
0개의 댓글
·