하늘과 나의 IT 이야기

[HTML5 강의] 3장. HTML5의 기본. 태그 HTML이 무엇인지 다시 한번 복습하고 넘어가도록 할게요. HTML의 정의 HTML은 Hyper Text Markup Language의 줄임말입니다. mark-up 언어는 무엇이냐구요? 그것은 바로 안에 정의된 용어로 태그(tag)를 표현하므로 mark-up 언어라고 부른답니다. HTML의 태그는 이런 특징을 가지고 있습니다. HTML의 태그는 기본적으로 대소문자를 구분하지 않아요. header와 HEADER는 같은 의미라는 말이지요. 태그를 이용해서 문장이나 그림 등의 구성요소와 배치 구조 등을 설정할 수 있구요. 파일의 이름 끝에는 .html 또는 .html이 붙어요.(이 .htm과 .html로 이 파일이 HTML문서라는 것을 구분한답니다..

태그에 대해서 알아보도록 하겠습니다 태그는 서식 요소를 생성합니다. 태그에 대해서 정리

이번 강좌에서는 HTML Element Level 이라는 것에 대해서 한번 설명해 드리고자 합니다. 태그들은 크게 Block Level Element와 Inline Level Element로 구분됩니다. 무엇이 다른가요? 두 요소가 무엇이 다른지 설명드리자면 종 류 설 명 태 그 Block Level Element 여는 태그로 시작하거나 닫는 태그로 끝날 때 줄바꿈이 되는 것 , , 등 Inline Level Element 여는 태그로 시작하거나 닫는 태그로 끝날 때 줄바꿈이 안되는 것 , , 등 하지만 이 것은 CSS를 사용해서 변경할 수 있습니다. Block Level Element에는 다른 Block Level Element나 Inline Level Element를 포함할 수 있지만, Inline ..

이 DOCTYPE은 반드시 쓰지 않아도 큰 문제는 없습니다. 하지만 이 DOCTYPE을 선언해줌으로써 브라우저가 좀 더 빠르고 정확하게 문서를 분석하여 표현해주며, 제작도구에서도 이 선언에 따라 문서에 제약을 걸어 정확한 표현을 해줄 수 있도록 해줍니다. DOCTYPE XHTML의 DOCTYPE은 strict, transitional, frameset의 세 종류로 이루어져 있으며, HTML 문서 최상단에 어떠한 요소보다 우선적으로 선언되어야 합니다. 그래야 웹브라우저에서 DOCTYPE을 구분할 수 있습니다. XHTML 1.0 Strict dtd strict dtd는 XHTML을 엄격하게 적용하는 규칙입니다. 경우에 따라서는 HTML 4.01 기반에서 사용하던 태그를 사용하지 못하는 경우도 있습니다. XH..

~ 태그에 대해서 ,,,,, 태그에 대해서 알아보도록 하겠습니다. ~ 은 제목을 작성하는 태그입니다. 이렇게 설명을 드리면 그러면 h뒤에 붙은 숫자는 무엇입니까?라고 질문을 하실지도 모르겠습니다. [알아두기] ~ 태그 제목을 작성하는 태그 제목도 큰 제목이 있고 작은 제목이 있죠? 은 가장 상위 계층의 제목을 표시할 때 사용합니다. h뒤에 숫자가 커질수록 작은 제목을 표시할 때 사용됩니다. 즉 부터 까지 6단계로 제목을 표시할 수 있다는 것입니다. h뒤의 숫자는 웹페이지의 정보를 계층별로 구조화하는 기능을 담당하기도 합니다. 정보 구조화에 대한 관점에서 보면 중요한 ~ 태그 디자인적인 시각에서 보면 이 태그는 그다지 중요하지 않을지도 모르겠습니다. 디자인적인 시각에서 본다면 이 태그는 단순히 글자의 크기..

HTML 쉽게 이해하기 강좌가 계속 진행중입니다. 많은 관심 부탁드립니다. 이번시간에는 로 끝이 나는데, 일반적으로 웹 문서의 내용이 아니라 웹 문서의 제목이나 머리말에 해당하는 정보를 입력합니다. [알아두기] 로 끝남 웹문서의 제목이나 머리말에 해당하는 정보를 입력합니다. head 태그 안에 들어가는 요소 head 태그 안에는 태그, 태그, 태그 등이 들어갈 수 있습니다. 이 태그들을 하나씩 알아보도록 하겠습니다 - 페이지의 제목 표시 태그는 페이지의 제목을 표시합니다 태그는 웹페이지의 제목을 표시하는 태그입니다. 태그는 HTML문서의 실제 소스를 보면 위와 같습니다. 메모장에 위와 같이 입력해서 저장한 후 실행해 보면 위의 그림과 같이 나옴을 볼 수 있습니다. '백문이 불여일타' 라는 말이 있다고 합..

HTML 문서의 기본 구조 이번 시간에는 HTML 문서의 기본 구조에 대해서 알아보도록 하겠습니다. 잠시 개미 이야기를 해볼까 합니다. 개미의 구조는 일반적으로 머리, 가슴, 배로 나눈다고 합니다. 이와 같이 HTML의 기본구조도 나눌 수 있는데요. HTML의 기본구조는 크게 와 로 나눕니다. 아래 그림을 통해 쉽게 이해하실 수 있을 것입니다. 위의 그림과 같이 HTML의 기본구조는 크게 와 로 나뉘는데 이를 HTML 소스로 표현하면 아래와 같습니다. 앞서 설명한 기본구조는 와 로 나뉘지만 HTML문서임을 표시하기 위해 전체를 과 로 묶어준다는 사실을 아셨으면 합니다. 이번 시간은 HTML 문서의 기본 구조에 대해서 알아보았습니다. 제 글이 도움이 되셨다면 아래에 손가락 모양을 꾹 눌러주세요 1초도 안걸..