목록border (2)

Simple Is Best

11. table 만들기

안녕하세요 이번 포스팅에서는 HTML에서 Table을 만드는 방법에 대해서 알아보겠습니다. 1. 스타일링을 위해서는 table 태그를 div 태그로 감싸자 이러면 나중에 기능 개발 혹은 스타일링을 위해서 div 태그에 id 혹은 class를 부여하고 쉽게 접근이 가능합니다. 2. table 태그의 기본 골격 구조에 대해서 알아보자 table 태그의 기본 골격 구조 바나나 사과 메론 1 2 3 1 2 3 table = + 로 이뤄져 있습니다. ▶ thead : table에서 제목 혹은 column의 feature를 나타내는 글을 쓰기 위해서 사용합니다. ☞ 가로 행 : , 세로 열 : 로 표현합니다. (세로 열을 표현할 때 td도 가능하지만, thead에서는 th 사용 추천) ☞ 특징 1. 가운데 정렬이 ..
HTML & CSS 2021. 7. 7. 09:34
4. div 태그

: 네모 박스 But! 쌩 div 태그는 그냥 '1차원 선' 위의 사진에서 파란색 BOX는 div 태그를 활용 HTML 프론트엔드 개발자 김XX CSS .box { display: block; /* display : block -> 한 행을 전부 차지해 주세요(해당 태그를 모두 박스로써 다뤄주세요) div는 박스이기 때문에 display :block 이 내장되어 있어서 지워도 무방하다. */ margin-left : auto; /* 오른쪽 정렬 */ margin-right : auto; /* 왼쪽 정렬 */ width : 400px; background-color: blue; padding : 30px; border : 1px solid black; text-align: center; color : wh..
HTML & CSS 2021. 7. 2. 13:13
이전 Prev 1 Next 다음