HTML - 14. Table
1. 첫 번째 테이블 목록을 표현했을 때 항상 or 과 의 조합이 필요했듯이, 테이블을 표현하기 위해 여러 태그들의 조합이 필요하다. 조합들은 , , , , , 등이 있다. 테이블은 항상 태그로 감싸 져 있다. 태그 내에 행도 만들고, 열도 만들게 되는 것이다. 한 행을 시작할 때는 로 시작한다. tr은 table row의 줄임말이다. 각각의 셀은 태그 내에 태그를 사용한다. tb는 table data의 줄임말이다. Row 1, column 1 Row 1, column 2 Row 2, column 1 Row 2, column 2 위 코드의 결과 사진이다. 대신에 선은 css에서 추가해 준 것이다. 2. 두 번째 테이블 두 번째 테이블에서는 테이블 열의 제목을 다뤄보겠다. Dog Cat Canine Fel..
2020. 6. 15.
CSS - 12. Block vs Inline
1. Block vs Inline 대부분의 HTML element(이하 요소)는 block 요소이다. 예를 들어, , , , , , , 등이 모두 block 요소에 해당하는 태그들이다. block 요소의 의미는, 이 요소 바로 옆(좌우측)에 다른 요소를 붙여 넣을 수 없다는 뜻이다. block 요소와 성질이 반대인 inline 요소도 있다. , , 태그 등이 inline 요소이다. inline은 말 그대로 inline요소는 요소끼리 서로 한 줄에, 바로 옆에 위치할 수 있다는 뜻이다. 첫 번째부터 네 번째까지는 태그 같은 block 요소이다. 노란색 영역이 해당 요소가 차지하는 영역이다. 텍스트는 짧은데 그 이상으로 영역을 차지하고 있는 걸 볼 수 있다. block 요소들은 이런 식으로 항상 새 줄에서 ..
2020. 6. 14.
