[HTML] 테이블 태그(1) - <table>, <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>

테이블 태그 (table) - 데이터를 포함하는 셀들의 행과 열로 구성된 2차원 테이블 생성할 때 사용 태그 - 테이블 생성 태그 - 테이블에 행 추가 태그 - 테이블에 데이터 추가 - 테이블 행, 열 내에 위치해야 함 Americano Herb tea Strawberry latte 태그 - 테이블의 행과 열에 제목 추가 scope : 제목이 어느 곳에 위치할지 결정하는 속성 제목 : 행의 제목 제목 : 열의 제목 coffee tea latte Americano Herb tea Strawberry latte 태그 - 테이블 데이터를 섹션화 - 테이블이 커져 많은 데이터를 포함할 때 사용 - 데이터를 한 개 이상 포함해야 함 coffee tea latte Americano Herb tea Strawberr..

• format_list_bulleted Front-end/HTML
• · 2023. 9. 6.
• textsms

[HTML] 영역 정의 태그 - <div>

div 태그 - HTML 요소 그룹화하는 데 사용 - 시각적 표현 없음 - 사용자 정의 스타일 적용할 때 유용 This is a heading in a div element This is some text in a div element.

• format_list_bulleted Front-end/HTML
• · 2023. 9. 5.
• textsms

[CSS] 선택자(Selector) - class, id, 우선순위

모든 요소(*) : 모든 유형의 요소 css - * { 효과; } * { color: red; } 태그(tag) 이름 : html에서 사용하는 태그의 이름 html - css - 태그이름 { 효과; } h1 { font-family: cursive; } 속성(attribute) 이름 : 특정 속성이 포함된 요소를 지정 css - [속성이름] { 효과; } [href]{ color: magenta; } 특정 요소에서 특정 값을 가진 요소들에게 각각 다른 효과를 주고 싶다면, css - 요소이름[속성이름*=값] { 효과; } img[src*='winter'] { height: 50px; } img[src*='summer'] { height: 100px; } class (클래스) : 특정 요소만 선택하고 싶을..

• format_list_bulleted Front-end/CSS
• · 2023. 3. 25.
• textsms