선우공작소

궁금해요! 너를 알려줘! HTML 본문

공작소/HTML

궁금해요! 너를 알려줘! HTML

seonu 2017. 1. 19. 20:32

궁금해요! 너를 알려줘! HTML 


안녕하세요. 선우에요.

HTML을 배우기에 앞서 먼저 HTML이 무엇인지 알아보는 시간을 잠시 갖도록 할게요.

첫 포스팅에서는 크게 HTML 정의와 구조, 태그, 공통적인 특징들을 설명할건데요.


지금 아래의 글을 모두 이해하실 필요는 없어요.

시간이 지나면 자연스럽게 알게될 내용들이기 때문이죠.

첫 술에 배부를 수는 없으니까요!

그냥 HTML이란 이런 것이구나 혹은 이런 게 있구나 하고 넘어가시면 됩니다.


그럼 이제 첫 술 한 번 떠볼까요? HTML로 배부를 그 날을 위하여!



HTML이란 무엇일까요?


HTML이란 Hyper Text Markup Language의 약자로 W3C(World Wide Web Consortium)에서 하이퍼 텍스트를 작성하는데 가장 기본적인 언어입니다.

여기서 하이퍼 텍스트란 하나의 문서에서 다른 문서로 링크시켜 이동하는 것을 말합니다.




HTML 기본 구조는?

 
<html>

  <head>

    <title>선우공작소</title>

  </head>

  <body>

  궁금해요! 너를 알려줘! HTML

  </body>

</html>



HTML 태그는 어떤 것들이 있을까요? 


<html></html>

html 문서의 시작과 끝을 나타내며, 항상 문서의 맨 처음과 끝에 위치합니다.



<head></head>

문서의 머리말이며 문서의 정보와 <title>이 들어갑니다.



<title></title>

문서의 제목을 나타내며, 브라우저 탭의 네이밍을 할 수 있습니다.



<body></body>

문서의 본문 시작과 끝을 나타내며, body 안에 웹에서 실제로 보여지게되는 문서의 내용이 들어갑니다.




HTML 공통 특징, 별 5개 돼지꼬리 땡땡!


- HTML의 확장자는 *.html 또는 *.htm입니다.

- 모든 태그는 꺽쇠기호 <>로 구성되어 있습니다.

- 태그는 대, 소문자 구분이 없지만 되도록 소문자를 사용합니다.

- 태그는 반드시 짝꿍, 시작과 끝이 있습니다. (예외 태그 모태솔로 있음)

- 주석문은 <!-- 주석 내용 --> 으로 표시합니다.






'공작소 > HTML' 카테고리의 다른 글

궁금해요! 너를 알려줘! HTML5의 시맨틱 구조  (1) 2017.01.24
궁금해요! 너를 알려줘! DTD  (0) 2017.01.23
Comments