# li

26개의 포스트

[HTML] 중첩되는 태그

다른 태그들을 포함하거나 다른 태그에 포함되어 사용되는 태그들이다.어떤 요소들을 포함하는 목록을 나타낼 때 사용한다.목록태그는 CSS와 함께 다양한 형태로 활용된다. (예, 사이트의 메뉴 항목들)<ul> > <li>unordered (순서가 없는) list&

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

💫 ul>li 정렬(row)

정렬은 어려워

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

생활코딩 배우기 - <Web> 12 학습정리

생활코딩 web 12강 학습정리 내용 입니다.태그에는 서로 포함 관계로 연관되어 있는 부모 자식간의 태그가 있다.&lt; parent > &lt; /parent > 태그와&lt; child > &lt; /child > 태그가 있을때&lt; parent >&lt; chi

2022년 7월 17일
·
0개의 댓글
·

자바스크립트 드롭다운 li 태그 값 출력

드롭다운 메뉴의 옵션 클릭 시 해당 값을 화면에 출력하기 (select와 option이 아닌 ul태그와 li 태그일 경우) -> 위의 화면처럼 '선택하세요' 클릭시 드롭다운으로 제목, 작성자, 제목+작성자가 선택지로 나온다. -> 3가지의 선택지를 각각 클릭할 경우

2022년 7월 1일
·
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

puppeteer를 활용하여 크롤링 해보기 (3)

크롤링까지는 성공, 이제 DB에 데이터를 담아주기만 하면 끝

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

map()

map은 array method.위에 예제는 string array.

2022년 5월 26일
·
0개의 댓글
·

5/24개발일지

오늘은 홈페이지를 만드는 방법을 배웠다.기본적인 홈페이지 만드는 html 태그에 라는 태그는 제목을 만드는 태그이고태그는 내가 입력할 내용을 입력하는 부분으로서 홈페이지의 내용 부분이다. html을 작성한것을 기반으로 태그를 주어서 홈페이지 내용을 꾸미고 이미지 링크

2022년 5월 24일
·
0개의 댓글
·

개발일지

head라는 부분은 글 제목을 의미하고 body는 글 내용부분을 의미한다는 것을 알았습니다. li는 내가 나열하는 데이터 개수만큼 늘어난다는것을 알았습니다.

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

ul li 태그에서 점 없애기

css에서 ul태그를 list-style : none; 해주면점이 사라진다!!

2021년 11월 23일
·
0개의 댓글
·
post-thumbnail

html 이력서_tailwind

오늘 수업은 테일 윈드(tailwind)라는 자동화 툴을 실습했다.css 라이브러리로 많이 사용 되는 부트 스트랩과 더불어테일윈드도 많이 사용하기 때문에 이에 관한 실습을 진행했다.부트 스트랩은 완제품을 구성하는 경우테일 윈드는 처음부터 ui짜야 되는 경우에서 사용하기

2021년 11월 23일
·
0개의 댓글
·
post-thumbnail

HTML 목록,테이블태그

순서가 있는 목록 : &lt;ol>&lt;/ol> : ordered list1.바나나2.딸기3.수박4.키위순서가 없는 목록 : &lt;ul>&lt;/ul> : unordered list\-바나나\-딸기\-수박\-키위위의 글자(바나나,딸기 ~) 하나하나들은 list가 가

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

스타일링 중에 생긴 일 1

리액트를 하면서 오랜만에 css를 했다.스타일링은 니꼬쌤이 클론 해보라고 보내준 behance의 웹디자인을 따라했다.따라하던 중 '아.. 이거 js로 따로 해야하나?' 싶었던 것이 아래 기능이었다.기능은 두가지 였는데1\. 각 메뉴에 hover하면 border-left

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

코드이그나이터4 뷰 다루기 - 2 - 목록 (ul, ol, li)

목록 반복문을 통해서 뷰에 목록을 보여주는 방법을 알아보겠습니다. View 컨트롤러에 아래의 메소드를 추가합니다. app/Controllers/View.php (1) PHP의 range 함수를 통해 65-90까지의 숫자 배열을 만들어 냅니다. 참고로 (1)-(3)까

2021년 3월 14일
·
0개의 댓글
·
post-thumbnail

2021.3.6 토요일

⏱오늘 공부량 공부내용 생활코딩(WEB1- HTML & Internet) 기본문법 태그(5강) ~ 원시웹(16강) 공부시간 2시간 33분 📖오늘 배운내용 strong태그 🎨특징 >- strong 태그는 매우 중요한 텍스트를 정의하는 데 사용된다. >- 내부의

2021년 3월 7일
·
0개의 댓글
·