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의..
※ 저는 웹 프로그래밍에 대해 공부하는 학생입니다. 제 tistory의 Web-Programming 카테고리에 있는 내용은 제가 해당 내용에 대해 배운 것을 복습차원에서 포스팅하려고 합니다. 만약 잘못된 내용이 있거나 건전한 비판은 언제든지 댓글로 남겨주세요 :)※ 저는 HTML을 Codecademy의 온라인 강의와 HTML5 + CSS 정복(저자 김상형, 한빛미디어)이라는 책으로 학습했습니다. HTML은 흔히 웹언어로 잘 알려져습니다. 또한 쉽기 때문에 대부분의 프로그래밍 입문자들이 가장 먼저 배우는 언어이기도 합니다.(+ 내가 치는 코드가 바로바로 결과물로 보일 수 있다는 점도 큰 장점!) 그렇다면 HTML이란 어떤 언어일까요? HTML은 HyperText Markup Language의 약자로 일반 ..
