지금까지 HTML 문서의 기본 구조와 뼈대를 이루는 핵심 태그들에 대해 알아보았습니다. 이번 포스팅에서는 HTML 태그 중 텍스트를 나타내는데 사용하는 태그들에 대해 살펴보겠습니다. 문단() 문단(paragraph)을 나타내는 태그는 로 나타낼 수 있습니다. HTML은 엔터, 공백, 탭을 무시합니다. 따라서 문단을 작성하기 위해서는 를 이용하여 하나의 문단이 어디까지인지 분명히 밝혀야합니다.하나의 완성된 문장으로서 전후 문단과의 구분을 위해 약간의 여백을 삽입하여 줍니다. 문단과는 달리 빈 줄만 삽입하고 싶을 때는 을 사용합니다. 은 홀태그이므로 닫는 태그는 존재하지 않습니다. 그저 단순한 줄바꿈을 할때 사용하는 태그입니다. 제목(~)제목을 나타내는 태그로는 부터 까지의 태그를 이용할 수 있습니다. 제목..
HTML의 Elements는 부모-자식의 tree 구조로 이루어져 있습니다. 아래의 사진을 함께 봅시다. ※ 위 사진은 Atom 편집기에서 html태그를 생성하면 자동으로 완성됩니다.(저번에 HelloWorld!를 출력하기 위해 작성한 를 제외) 대부분의 HTML문서를 보면 , , , 가 있음을 볼 수 있습니다. 위 사진에도 html태그를 추가하여 자동으로 완성된 태그들(, , , , , )과 저번에 작성한 태그가 있습니다. 여기서 보면 태그가 와 를 감싸고 있으므로 와 의 부모 태그가 되는 것을 볼 수 있습니다. 태그는 자식으로 와 을 가지고 있습니다. 에는 가 자식으로 가지고 있습니다. 물론 이렇게 , , 등 주요 태그를 작성하지 않고 태그만 이용하여 작성해도 HTML5에서는 출력이 되지만 이 경우에..
지난 포스팅까지 HTML이 어떤 언어인지와 HTML Element와 그 구조에 대해서 살펴보았습니다. 이번 포스팅에서는 Element의 요소인 Tag에 대해서 포스팅하고자 합니다. 태그? 태그는 Element를 구성하는 HTML에서 없어서는 안 될 요소입니다. 대표적인 태그로는 , , , , 등이 있습니다. 태그는 일반적으로 여는 태그와 닫는 태그를 사용하지만 닫는 태그가 없는 홀태그도 존재합니다.(ex. , 등이 홀태그로 사용된다.)홀태그는 과 같이 써도 문법적으로 무방하지만 홀태그임을 분명히 하기 위하여 로 '/'를 끝에 붙여준다. HTML5에서 태그는 대문자로 써도, 소문자로 써도 적용이 가능하지만 XHTML과의 호환을 위해서는 가급적 소문자로 쓰는 것이 좋습니다. 태그의 속성 태그는 브라우저에게 ..
HTML은 Elements를 이용하여 웹에 보여주고자 하는 내용을 표현합니다. 이때 Elements는 웹페이지의 구조를 정해주고 표시하고자 하는 내용물이 어떤 것인지 정의하는 수단입니다. 그럼 어떻게 HTML의 Element가 구성될까요? 위는 제가 HTML 문서에 p(paragraoh)태그를 이용하여 웹에 HelloWorld!를 표시하려고 만든 Element입니다. 이를 통해 Element의 구조를 설명하자면 HTML은 여는 태그(opening tag)와 닫는 태그(closing tag, 주로 / 를 이용하여 표현)를 가지는 HTML 태그와 표현하고자 하는 내용 (content)로 이뤄져있습니다.(또한 태그마다 속성을 지정할 수 있는데 이 부분은 차차 포스팅하겠습니다.) HTML 태그는 Element의..
