-
티스토리블로그에 유용한 HTML/CSS 공부하기 Chapter 1곰탱이의 블로그이야기 2014. 1. 25. 06:10
티스토리블로그에 유용한 HTML/CSS 공부하기 Chapter 1
오늘부터 티스토리블로그에 유용한
HTML/CSS에 대해서 공부하는 공간을 만들기로 하였습니다.
개인적으로도 잊고 있던 것을 새로이 공부하는것이기 때문에,
잘못된 부분에 대해서는 댓글로 지적해주시길 바랍니다.
HTML이란??
HyperText Markup Language의 약자로서,
웹 문서를 제작하는 데 쓰이는 가장 기본적인 표준 프로그래밍 언어입니다.
현재는 최신 규격인 HTML5이며, HTML5로 넘어오면서 플래시(Flash)나 자바(Java)등을
사용하지 않고, 동영상이나, 음악과 같은 미디어를 플레이할수 있다고 합니다.
제가 처음 공부할때 와는 많은 부분이 변경되었네요 ^^;;
기본적인 HTML의 구성에 대해서 알아보겠습니다.
<Html>
<Head>
<Title></Title>
</Head>
<Body>
</Body>
</Html>
이라는 기본적인 구조를 가지고 있는데요.
<html></html>
안에 쓰여진 내용은 html문서라는 내용을 담는 규칙이 있습니다.
head 부분은 문서의 내용에 대한 설명을 담는 부분입니다.
메타태그등이 head 부분에 해당되는 것이죠.
title 태그는 말그대로 제목을 나타내는 부분입니다.
body 부분은 문서의 내용을 담는 부분으로써,
주된 내용이 들어가는 부분이 body 부분이 되겠습니다.
html 태그는 여는 부분과 닫는 부분이 확실히 구분지어져야 합니다.
<html>(여는부분)</html>(닫는부분)
위처럼 메모장에 html의 기본구조를 토대로 글을 작성후에
.html이라는 확장자로 저장을 한후에 파일을 열게 되면,
이런식으로 사용하는 해당브라우저로 body 부분에 적은 내용이 화면에 나타나게 됩니다.
title 부분에 적은 것은 탭의 제목에 나와있죠?? ^^
이처럼 간단하게는 메모장으로도 html 문서를 작성할수 있으며,
울트라에디터, 이클립스 note++등등 수많은 프로그램으로 html문서를 작성할수 있습니다.
다만 나중에 css부터 JavaScript나 php,asp,java 등의 언어를 사용하는
많은 내용의 문서를 작성할 경우를 대비하여, 전문적인 에디터 프로그램을 사용하는것이 좋겠죠? ^^;
오늘은 티스토리블로그에 유용한 HTML/CSS 공부하기 Chapter 1 에서
가장 기본적인 html의 구조에 대해서 알아보았습니다.
앞으로도 차근차근 html에 대해서 여러가지를 알아보도록 하겠습니다.
아울러, 저도 공부하는 입장이기 때문에, 방문하시는 분들이 저보다 많이 아신다면 많이 가르쳐주세요 ㅠ_ㅠ
