잇스쿨

게시판 화면만 봐도 보통 태그를 사용하여 레이아웃을 만든다. 동시에 태그 안에 태그를 활용하여 표의 열을 묶는 그룹을 정의하게 된다. 그리고 태그 안의 태그는 각 행에 대해 각 셀의 스타일을 반복하지 않고, 전체 열에 스타일을 적용하는데 사용된다. 최근 HTML 웹 메일을 태그로 레이아웃을 작업하다가 태그에 width 값을 정의해야 하는 상황이었다. 종종 rwdb나 gdweb을 통해 대형 운영 사이트들을 들어가 마크업을 살펴보다 보면, 태그에 col width="100" 또는 style="width:100px" 이런 식으로 주는 경우가 있었다. "두 가지 방식의 차이가 무엇일까" 라는 궁금증이 생겼다. (너무 늦었을지도 모르지만 그래도 이런 궁금증이 떠오른게 다행이지 않을까) Fact Check - HT..

Hello World! Hello World! Hello, World! 위의 코드의 결과가 어떻게 될 지 상상해봤을 때, 보편적인 측면에서 생각하면 띄어쓰기가 그대로 반영이 될 것이라고 생각하기 쉽다. 하지만, HTML 마크업 언어에서는 두 칸 이상의 공백은 모두 무시하기 때문에 위 세가지 모두 같은 텍스트가 화면에 나타나게 된다. 이러한 공백처리 방식은 CSS로 제어할 수 있으며, white-space의 pre-wrap 속성을 사용하면 줄 바꿈, 공백, 들여 쓰기를 모두 적용할 수 있다.

기본적으로 태그는 시작 태그와 종료 태그 2개로 쌍을 이루며, 그 안에 내용이 들어가게 된다. 종료 태그 없이 시작 태그만 존재하는 태그를 빈 태그(EMPTY TAG)라고 한다. 예를 들어, 은 유효하지 않은 HTML 문법이다. 또한, 자식 노드를 가질 수 없는 요소로 , , , , , , , , , , , , 등이 있다. 기존 HTML4.01에서는 형식으로, XHTML1.0에서는 형식으로 선언해야 하며, HTML5에서는 두 가지 방식 모두 허용하고 있다는 것을 기억하자! [참고] https://seulbinim.github.io/WSA/html-basic.html#%EB%A7%88%ED%81%AC%EC%97%85-%EC%96%B8%EC%96%B4%EC%9D%98-%EB%B6%84%EB%A5%98 HTM..