코딩 스쿨에 오신것을 환영합니다~~

질의응답 게시판

 
HTML CSS 입문 교재 proj 7-3 문제 문의 드립니다.
정 * 재 | 2021-07-09

p. 259  proj7-3 문제를 보시면,

<style>
table{
       border-collapse: collapse;
       }

단일경계선값을 넣으라고 나와있습니다.

애초에 예제에서는 table에 border값을 주지 않았는데,
단일경계선값을 넣는 이유를 알고 싶습니다.

table에 boder값이 없으므로 (전체 table에 대한 boder값)
굳이 단일경계선값은 안넣어도 되는 것 아닌가요?

답변 부탁드립니다.

감사합니다.



---------------------------------------

<추가 문의 사항 입니다>

7.5.2 회원가입 폼
예제7-10에서는 <table> 태그를 사용하지 않고 <li> 태그를 활용하셔서
회원가입 폼을 만드셨는데,
말 그대로 예시를 드시느라 li 태그를 사용하셔서 만드신거죠?

proj7-3을 진행해보니 <table> 태그를 사용해서 만드는게 훨씬 쉬운 것 같아서요.

보통 실무에서는 어떤 태그를 활용해서 만드는지도 궁금합니다.

  • 관 * 자
  • 2021-07-09 (12:20)
안녕하세요.

border-collapse: collapse;
를 빠뜨리면 선 사이에 미세한 공백이 생기게 됩니다. 이 부분을 주석처리하고 실행해 보시면 이해되실 듯 합니다.

그리고 추가 문의하신

회원가입 양식 폼은 목록(<ul><li>) 태그를 사용하셔도 되고 <table> 태그를 사용하셔도 됩니다.

<table> 태그를 이용하는 것이 조금 더 쉽지만 반응형웹(스마트폰을 고려한 웹 페이지 제작, 책의 2부에 설명)을 고려해서 실무에서는 목록 태그를 더 많이 이용합니다.

경우에 따라서는 테이블 태그를 이용하기도 합니다. 상황에 따라 어떤 것을 사용할 지가 결정됩니다. 단순하게 생각하셔서 테이블 태그는 요소의 레이아웃 보다는 단순한 표를 만드는데 주로 사용한다고 생각하시면 될듯 합니다.^^
  • 정 * 재
  • 2021-07-09 (14:56)
빠른 답변 감사합니다. 학습 하는데 많은 도움이 되었습니다 ^^