# ul

37개의 포스트
post-thumbnail

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

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

약 5시간 전
·
0개의 댓글
·
post-thumbnail

쇼핑몰 레이아웃 연습하기

Practivelistteaching.html

2023년 5월 29일
·
0개의 댓글
·

[CSS] <ul><li> 리스트 점 없애기

매우 간단하지만 쉽게 까먹을 수 있는 한 줄 컷 리스트 점 없애는 방법!

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

CSS - navigation bar(ul,li tag)

nav바 ul+li 태그로 만들어보기

2023년 5월 18일
·
0개의 댓글
·

CS | <ul>와 <li>의 차이

1. 어떻게 쓰이나? > 홈페이지 메뉴 혹은 연속되는 콘텐츠들을 작성 및 나열할때 자주 사용되는 HTML 태그이다. ul, li 외에도 목록을 나타낼 때 사용하는 HTML 태그로 dd, dl, dt 태그가 있다. 2. 어떤 차이가 있나? ` 태그는 순서가 없는 목록(

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

문자 콘텐츠

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

'li'요소와 'ul'요소

'li'요소 & 'ul'요소

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

html 핵심 정리

Division의 약어로 블록요소에 해당.특별한 의미가 없는 구분을 위한 요소이다.굉장히 많이 사용되고 있음.Heading의 약어. 블록요소에 해당제목을 의미하는 요소이다.h1~h6까지 있으며 숫자가 작을수록 더 중요한 제목을 정의함.Paragraph의 약어. 블록요소

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

💫 ul>li 정렬(row)

정렬은 어려워

2022년 7월 23일
·
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개의 댓글
·