본문 바로가기

LIST5

[CSS] 목록 스타일(List) 목차 CSS로 웹 페이지의 목록을 아름답게 디자인하기 📃✨ 안녕하세요, 디자인 마법사 여러분! 🎨 오늘은 웹 페이지에서 자주 사용되는 목록 요소를 더욱 강조하고 아름답게 만드는 방법에 대해 알아보려고 합니다. HTML에서는 (비순차 목록)과 (순차 목록) 태그를 통해 목록을 생성하지만, CSS를 활용하면 이러한 기본 목록 스타일을 원하는 대로 변형할 수 있습니다. 1. 기본 목록 스타일 제거하기 기본적으로 웹 브라우저는 에 점 모양의 표시자를, 에는 숫자를 표시합니다. 이러한 기본 스타일을 제거하려면 list-style-type 속성을 사용합니다. ul, ol { list-style-type: none; } 2. 목록 표시자(list markers) 스타일 지정하기 목록 앞에 원하는 모양이나 이미지를 표.. 2023. 9. 8.
[HTML] 목록(ol, ul, dl) HTML 목록: 정보를 체계적으로 정리하다 안녕하세요, 웹 튜토리얼의 세계로 돌아온 여러분! 웹 페이지에서 정보를 체계적으로 나열하려면 어떻게 해야 할까요? 오늘은 HTML에서 제공하는 다양한 '목록 태그'에 대해 함께 알아보겠습니다. 1. 목록의 필요성 목록은 정보를 구조화하고 가독성을 높이는데 중요한 역할을 합니다. 사용자가 정보를 한눈에 파악하기 쉽도록 하기 위해 목록을 활용하는 것이 좋습니다. 2. 주요 목록 태그들 - 순서 있는 목록: 순서가 있는 목록은 항목들이 특정한 순서를 가질 때 사용합니다. 예를 들면, 레시피의 조리 단계나 순위를 나타낼 때 사용됩니다. 물을 끓인다. 티백을 넣는다. 5분간 기다린다. HTML 삽입 미리보기할 수 없는 소스 - 순서 없는 목록: 순서가 중요하지 않은 항목.. 2023. 9. 8.
[HTML] 텍스트 태그 HTML 텍스트 태그에 대한 이해 안녕하세요, 웹 개발자를 꿈꾸는 분들! 오늘은 웹 페이지의 기본 구조를 이루는 HTML의 텍스트 관련 태그에 대해 알아보겠습니다. 1. 제목 태그: ~ 웹 페이지의 제목이나 부제목을 나타내기 위해 사용되는 태그입니다. 은 가장 큰 제목을 의미하며, 까지 점차 크기가 작아집니다. 이것은 h1 태그입니다. 이것은 h2 태그입니다. 이것은 h3 태그입니다. 이것은 h4 태그입니다. 이것은 h5 태그입니다. 이것은 h6 태그입니다. HTML 삽입 미리보기할 수 없는 소스 2. 단락 태그: 텍스트의 단락을 나타내기 위한 태그입니다. 이것은 단락입니다. 웹 페이지에서 내용을 설명할 때 주로 사용됩니다. HTML 삽입 미리보기할 수 없는 소스 3. 강조 태그: 및 텍스트를 강조할 때.. 2023. 9. 7.
Chapter 5. Collection Chapter 5. Collection 1. Collection ⦁ 컬렉션 종류는 list, tuple, set, dictionary가 있음 2. List ⦁ 여러개의 데이터를 담을 수 있는 데이터 타입 ⦁ 가변성이며, 생성된 후에도 변경 가능 3. Tuple ⦁ list와 같이 여러개의 데이터를 담을 수 있음 ⦁ 생성된 후에 변경 불가능 4. Set ⦁ 여러개의 데이터를 가지지만 중복은 가질 수 없음 5. Dictionary ⦁ 키와 값을 가지는 데이터 타입 6. Example a. collection # list, tuple, set, dictionary list1 = [1,2,3,4] print(list1) list2 = [1, 10.5, 'abc', False, [1,2,3,4]] print(li.. 2023. 2. 3.
Chapter 24. 컬렉션 목차 1. 컬렉션 ￭ 컬렉션이란? 컬렉션 프레임워크는 자바의 인터페이스를 사용하여 구현 다수의 데이터를 쉽고 효과적으로 처리할 수 있는 클래스의 집합 데이터를 저장하는 자료 구조 및 데이터를 처리하는 알고리즘을 구조화하여 클래스로 구현 ￭ 종류 List 인터페이스 Set 인터페이스 Map 인터페이스 2. List 클래스 ￭ List 클래스란? List 인터페이스를 구현한 모든 List 컬렉션 클래스 요소의 저장 순서가 유지 같은 요소의 중복 저장을 허용 ￭ 종류 ArrayList LinkedList Vector Stack 3. Set 클래스 ￭ Set 클래스란? Set 인터페이스를 구현한 모든 Set 컬렉션 클래스 요소의 저장 순서를 유지하지 않음 같은 요소의 중복 저장을 허용하지 않음 ￭ 종류 Hash.. 2023. 1. 17.

티스토리툴바