똥글이 되고싶은 네모의 IT.log

xhtml에서는 table태그 사용이 금지되었다가 html5로 넘어오면서 table태그를 다시 사용하기 시작했다고 합니다. table로는 웹 구조를 잘 짜지 않습니다. html5에서는 시멘틱 태그들을 이용해 구조 잡는게 중요하다고 합니다. 저는 지난시간에 공부했던 table태그에 대해 좀 더 연습해 보기 위해 table태그를 이용해 홈페이지 layout을 구성 해 보았습니다. 공부를 도와주고 계신 강사님께서 제공 해 주신 예시 홈페이지 입니다. 먼저 어떻게 구조를 짤 지 고민 해 보았습니다. 큰 테이블을 하나 생성 한 후 테이블 내부에 필요한 테이블들을 추가로 생성하고 colspan과 rowspan태그를 활용해 만들어보면 되겠다 생각했습니다. table태그만 사용하면 화면에 시각적으로 보여지지 않습니다...

글자태그(h, br, span, ul, ol) 1. 줄바꿈, 띄어쓰기(공백) 웹 페이지에 아래 사진과 같은 문구를 작성하려 합니다. html문서 내 태그안에 아래와 같이 코딩하여 확인 해 봅니다. 웹브라우저에 실제로 보이는 부분 웹브라우저에 실제로 보이는 부분 웹브라우저에 실제로 보이는 부분 웹페이지에 글을 작성 할 때 한글이나 워드에서처럼 띄어쓰기와 줄바꿈을 하여도 다른 결과가 나온걸 볼 수 있습니다. html문서에서 띄어쓰기는 한 칸만 인식, 줄바꿈은 엔터를 쳐도 띄어쓰기 한 칸 으로 간주합니다. 따라서 줄바꿈과 한 칸 이상의 띄어쓰기를 할 때는 태그가 필요합니다. 줄바꿈태그 워드에서 엔터와 같은 역할을 합니다. 태그의 위치에서 갯수만큼 줄바꿈이 이루어집니다. 추가공백(띄어쓰기)태그 한 칸 이상 띄어..