본문 바로가기
반응형

전체 글90

[CSS3] 선택자란?, 자주 쓰는 선택자들 1. 하위 선택자 (Descendant Selector): 공백으로 구분된 두 선택자를 사용하여 앞의 선택자에 의해 선택된 요소의 하위 요소를 선택합니다. 예: div p - div 요소 내의 모든 p 태그를 선택 2. 자식 선택자 (Child Selector): > 기호로 구분된 두 선택자를 사용하여 앞의 선택자에 의해 선택된 요소의 직계 자식 요소를 선택합니다. 예: div > p - div 요소의 직접적인 자식인 p 태그를 선택 3. 인접 형제 선택자 (Adjacent Sibling Selector): + 기호로 구분된 두 선택자를 사용하여 첫 번째 선택자 바로 다음에 오는 두 번째 선택자를 선택합니다. 두 선택자는 동일한 부모를 공유해야 합니다. 예: h1 + p - h1 태그 바로 다음에 오는 .. 2024. 2. 2.
[HTML5] 시맨틱 태그(semantic tag)란?, 자주 쓰는 태그들 "시맨틱 태그"는 HTML에서 특정 의미를 가지는 태그를 말합니다. 이런 태그들은 웹 페이지의 콘텐츠가 어떤 의미를 가지는지, 어떤 역할을 하는지를 명확하게 설명해줍니다. 예를 들어, 웹사이트 제목 메뉴1 메뉴2 섹션 제목 기사 제목 기사 내용... 관련 정보 이 부분은 주요 콘텐츠와 간접적으로만 관련이 있는 정보를 담습니다. 작성자: 홍길동 이메일: hong@example.com 2024. 2. 2.
[CSS] CSS 자주쓰는 레이아웃 margin: 요소의 바깥 여백을 설정합니다. 상, 우, 하, 좌 순서로 지정할 수 있습니다. padding: 요소의 안쪽 여백을 설정합니다. 마찬가지로 상, 우, 하, 좌 순서로 지정할 수 있습니다. box-sizing: 요소의 너비와 높이 계산 방식을 설정합니다. content-box는 기본값이며, padding과 border는 너비/높이에 포함되지 않습니다. border-box값을 사용하면 padding과 border가 너비/높이에 포함됩니다. float: 요소를 왼쪽이나 오른쪽으로 띄워 다른 요소가 그 주위를 감싸게 합니다. clear: float 속성이 적용된 이전 요소들에 영향을 받지 않게 합니다. position: 요소의 위치를 조정하는 속성으로 static, relative, absolut.. 2024. 2. 2.
[HTML] HTML 이란?, 자주 쓰는 태그들 HTML (HyperText Markup Language): HTML은 웹 페이지의 구조를 정의하는 마크업 언어입니다. 웹 페이지의 제목, 문단, 표, 이미지, 링크 등을 생성하고 배치하는데 사용됩니다. HTML은 태그라는 특별한 키워드를 사용하여 웹 브라우저에게 어떤 정보를 어떻게 표시해야 하는지 알려줍니다. 예를 들어, 태그는 가장 큰 제목을, 태그는 문단을, 태그는 이미지를 나타냅니다. 자주 쓰는 태그들 : HTML 문서의 루트 요소입니다. 모든 HTML 코드는 이 태그 내부에 위치해야 합니다. 환영합니다! 이 페이지는 HTML의 주요 태그들을 모두 사용하여 제작되었습니다. Google로 가기 첫 번째 항목 두 번째 항목 세 번째 항목 이것은 div 안의 내용입니다. div는 웹 페이지의 여러 부분.. 2024. 2. 1.
반응형

티스토리툴바