웹 브라우저 썸네일형 리스트형 [웹] HTML/CSS #10 :: <div> 태그와 시맨틱 태그 HTML은 컨텐츠를 담는 통이다. 그리고 통에는 파티션이 나눠져 있어야 내용물을 정리하기 좋다. HTML도 마찬가지다. 웹사이트의 내용은 종종 엄청 많고 복잡해지기도 한다. 그리고 혼자 작업하는 게 아니라 여러 사람들이 함께 작업하거나, 내 작업을 이후 후임자가 유지보수할 수도 있다. 그럴 때 나 같은 태그들이나 태그 안에 한 번에 담겨있으면, 웹사이트의 구조를 파악하기 어려울 것이다. 이걸 도와주는 게 태그다. 는 별 내용이 없다. division의 약자인데, 말 그대로 구간을 나눈 것 뿐이다. 예를 들어 제목과 본문을 구분하고 싶다면 아래 표처럼 구간을 나눌 수 있다. 제목 본문내용본문내용본문내용본문내용본문내용 이렇게 파티션을 나눠두고, 각각 id를 지정해서 의미를 알 수 있게 하면 오랜 시간이 지난.. 더보기 [웹] HTML/CSS #1 :: HTML이란? 지난 포스팅에 언급한 것처럼 HTML은 HyperText Markup Language의 약자다. 하이퍼텍스트를 마크업 하는 언어. 하이퍼텍스트는 하이퍼링크다. 페이지와 페이지를 연결해주는 링크. 즉 HTML은 페이지 상에서 하이퍼링크를 구성, 배치할 수 있도록 하는 언어. 이렇게 말하면 좀 어렵다. 비유적으로 더 쉽게 말하면 HTML은 내용을 담는 통이다. 담긴 내용은 크롬, 익스플로러 같은 웹 브라우저를 통해서 볼 수 있다. 담고자 하는 내용물을 통에 막 담는데 이걸 맨 눈으로 보면 뭐가 뭔지 제대로 보인다. 근데 웹 브라우저라는 특수 안경을 끼고 보면 의도한 대로 내용이 보인다고 하면 쉬운 설명일까. 웹 브라우저를 통해 본 네이버 우리가 보는 웹페이지, 즉 인터넷의 내용물은 모두 HTML로 구성되어 .. 더보기 이전 1 다음
