하늘과 나의 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문서라는 것을 구분한답니다..

태그에 대해서 알아봅시다. 태그는 사용자가 작성하여 서버로 제출할 수 있는 서식 영역을 생성하는 요소입니다. 태그에는 어떤 속성을 지정할 수 있나요? 태그에는 아래와 같은 속성을 지정할 수 있습니다.

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

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

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

주석이 뭔가요? 주석은 실제 웹브라우저 화면에는 보이지 않고 소스에서만 보이는데 주로 웹페이지의 제작자의 부가적인 설명이나 메모를 기록할 때 사용합니다. [알아두기] 주석이란? 주석은 실제 웹브라우저 화면에는 보이지 않고 소스에서만 보이는데 주로 웹페이지의 제작자의 부가적인 설명이나 메모를 기록할 때 사용 HTML에서의 주석문 작성법 HTML의 주석문은 아래와 같은 형태로 작성합니다. [알아두기] HTML의 주석문 사이에 내용을 넣어 작성 예) 실제 활용 예 아래와 같은 소스를 작성하고 저장해서 실제로 어떻게 나오는지 확인해 보겠습니다. 메모장을 이용해서 실습 메모장을 열어 아래와 같이 작성하고 주석.html이라고 저장합니다. 실제로 실행해보면 보이지 않는 것을 확인할 수 있습니다. 제 글이 도움이 되셨..