전체 포스트 36건
공지, 일러스트를 제외한 모든 포스트의 목록을 확인할 수 있습니다. 공지와 일러스트는 각각의 링크를 이용하시기 바랍니다.
웹 개발을 위한 HTML 가이드 7편 - 시맨틱 태그
이번 글은 웹 개발을 위한 HTML 가이드 7편입니다. 이번 글에서는 시맨틱 태그에 대해 다룹니다. 태그의 이름은 아니고 태그의 분류 같은 겁니다. 지금까지 HTML이 발전하면서 다양한 태그가 생겨났습니다. 실질적인 의미와 기능이 일맥상통하는 태그가 있는가 하면 그렇지 않은 태그도 있습니다. 전자의 경우를 시맨틱 태그라고 하고 후자의 경우를 논 시맨틱 태그라고 합니다. 시맨틱은 영어 단어 Semantic 입니다. 이 단어는 의미론적인, 의미의 라는 의미를 갖고 있습니다. 시맨틱 태그는 의미를 가지는 태그들의 총칭입니다. 하지만 이번 글에서 그 리스트 하나 하나를 알아보는 건 아닙니다. 이것이 왜 중요하고 왜 시맨틱 태그를 사용해야 하는지에 대해서 다뤄보도록 할 겁니다.
웹 개발을 위한 HTML 가이드 6편 - HTML의 기본적인 구조
이전 글들을 통해서 HTML의 기본적인 사전 지식에 대해 알아봤습니다. 우리는 HTML이 무엇인가에 대해서 알았고 어떻게 생긴 것인지 알았고 문법을 알아봤습니다. 무엇을 할 수 있는지 알았으며 태그의 특성에 대해서도 알아봤습니다. 개발환경도 갖췄으니 이제는 정말로 본격적인 코딩을 시작할 순간입니다. 이번 글에서 아주 간단한 페이지를 하나 만들어보는 것으로 우리는 웹을 이루는 가장 기본적인 구조에 대해서 알아보는 용기 있는 발걸음을 해보려고 합니다. 혹 아직 기초적인 지식이 없다면 이 가이드의 첫 글부터 보고 오시면 좋겠습니다. 그럼 웹 개발을 위한 HTML 가이드 6편 시작합니다.
웹 개발을 위한 HTML 가이드 5편 - 개발환경 구축하기
우리는 저번 글들을 통해서 HTML에 대해 알게되었고 문법을 알아보았습니다. 태그라는 것은 무엇이며 태그의 특징은 무엇이고, 태그끼리의 관계는 또 어떤지도 알아봤습니다. 기본적인 사전 지식은 다 알아본 셈이고, 이게부터는 코딩을 본격적으로 시작해야 할 때가 왔죠. 하지만 코딩을 본격적으로 시작하기에 앞서 알고 넘어가야 할 것이 있습니다. 그게 무엇인가 하면 이번 글의 주제인 개발환경입니다. 개발환경은 개발자가 개발을 하기 위해 갖춰야 하는 기본적인 조건입니다. 프로젝트들이 모여있는 폴더부터 시작해서 편집기까지 모두를 아울러 부르는 말이 개발환경입니다.
웹 개발을 위한 HTML 가이드 4편 - 태그와 태그의 관계
이번 글은 웹 개발을 위한 HTML 가이드 4편입니다. 저번 글에서는 태그의 특징에 대해서 알아봤습니다. 정확히는 태그의 특징에 따른 두가지의 종류에 대해 알아봤죠. 이번 글에서는 태그들의 관계에 대해서 알아보도록 합시다. HTML 문서에서 태그들은 하나만 쓰이지는 않습니다. 여러개의 태그가 사용됩니다. 태그의 안에 태그가 들어가고 그 안에 태그가 들어가기도 합니다. 그렇기 때문에 HTML의 태그들은 부모 자식 관계가 존재하고, 자손, 혹은 형제 관계가 존재합니다. 이번 글에서는 이런 것들을 알아볼 예정입니다. 알아볼 내용이 많지는 않습니다. 중요한 것이니 이해하고 넘어가도록 하는 것이 좋습니다. 또한 CSS나 자바스크립트에서도 이러한 관계를 이해하고 있어야지만 진행이 가능하기 때문에 반드시 이해하고 넘어갑시다.
웹 개발을 위한 HTML 가이드 3편 - 태그의 유형
웹 개발을 위한 HTML 가이드 3편 시작합니다. 이번 글의 주제는 태그의 유형에 대한 이야기입니다. 태그의 특징이라고도 할 수 있겠습니다. HTML에서 태그는 크게 두가지의 유형으로 나뉘게 됩니다. 어떤 유형인가 하면 태그의 성질을 말하는 것이라고 보면 됩니다. 모든 태그들은 후술할 두가지의 유형 중에서 반드시 한가지의 유형으로 분류됩니다. 그 유형들이 무엇인가 하면! 블럭 태그와 인라인 태그 혹은 블럭 요소와 인라인 요소라고 부릅니다.