Awesome World Awesome World

표와 테이블에 스타일 만들기 테이블 사이즈를 설정하기 위해서는 width 속성 사용합니다. 요즘음 모바일에서도 페이지가 잘 보여야 해서.. 이렇게 글이보여지는 공간의 퍼센테이지로 폭 설정을 많이 합니다. 저같은 경우는... 스타일 설정을 위해서는 테이블 폭 설정하기 table-layout : fixed; 이건 셀너비를 고정해버리고 내용이 많아져도 셀이 넓어지지 않습니다. 대신 글이 밖으로 넘어가므로 단어줄바꿈 속성을 넣어주어야 합니다. table-layout : auto; 셀 내용에 따라 셀 폭이 달라짐. 속성을 넣지 않아도 기본값입니다. table-layout : inherit; 부모요소의 테이블 레이아웃 값을 가져옵니다. word-break : break-all; 단어줄바꿈 height : auto;..

테이블만들기 태그 ,, ,,,, 기본적인 테이블 태그는 테이블 제목 첫번째셀 두번째셀 이러한 순서입니다. 만약 테이블에 제목을 표시하고자 하면... 태그를 요약내용들을 테이블 밑에 붙일때면 을 사용합니다. 테이블 행이 너무너무 많아서 여러장에 걸쳐 인쇄를 하거나 할때도.. 태그를 사용하면 그 다음페이지에도 제목부분의 행이 그대로 나타납니다. 이렇게 태그를 사용하여 테이블을 만들어 놓으면 시각 장애인들도 화면 판독기를 통해 표를 쉽게 인식할 수 있는 장점이 있습니다. 그리고 태그는 태그 다음에 사용하여야 합니다. 예시 Month Savings Sum $180 January $100 February $80 Result Month Savings Sum $180 January $100 February $80 이..

워드프레스를 써서 홈페이지를 만들려고 해도... 코드를 만들고 만들면 한계가 있습니다. 그래서 기본적인 코드 태그들을 알아야 합니다. 특히 테이블을 어느정도 알아야.. 삽입하기가 편리합니다. KIM PARK 20 SOODONG DAEKIL 50 화면에는 이렇게 표현이 된다. 아무런 설정도 하지 않았기에... 줄 간격이나, 줄 폭이 예쁘지가 않다. 그래서 문서전체에 스타일을 정해 border-collapse: collapse; 와 solid를 넣으면 깔끔해진다. KIM PARK 20 SOODONG DAEKIL 50 HTML Table Tags (HTML테이블 태그) Tag Description Defines a table Defines a header cell in a table : 제목이 들어갈 셀 추가..