본문 바로가기

programing/HTML,CSS

HTML(1)

HTML공부방법


웹 개발을 위하여 꼭 배워야 하는 것이 있습니다. 바로 HTML CSS입니다. 이 부분은 웹 개발/ 웹 해킹에 있어 기초가 되는 부분입니다. 프로그래밍 , 웹을 처음 접하는 사람은 이 부분이 어려워 보여서 포기를 하는 사람이 많습니다. 하지만 어렵지는 않습니다.  우리는 HTMl/CSS를 The average web page from top twenty Googleresults(advancedwebranking.com)

 

The average web page from top twenty Google results

Apparently, an average web page uses thirty-two different element types: The thirty-two elements used on most pages, ordered by appearance frequency:

www.advancedwebranking.com

이 사이트를 참고하여 공부를 할 것 입니다. 이 사이트는 html태그 중에서 많이 쓰이는 태그를  통계를 낸 것입니다.  

 

태그

html의  태그는<태그>로 시작하여 </태그>로 끝이 납니다.  우리는 오늘 가장 많이 쓰이는 태그 5개를 배워 볼 것입니다. 바로 HTMl 에서 기본 구조를 나누는 부분입니다. 

<html> 태그부터 설명을 해 드리겠습니다.  이 태그는HTML 문서의 루트를 나타냅니다.  사실상 이 부분은 html문서임을 알려주는 역할을 한다고 봐도 무방합니다. 

<thml>
<head> 

<meta charset="utf-8">

</head>

<body>

<title></title>

</body>
</html>

 

우리는 <html>이라는 태그를 배워 봤습니다. 그다음으로 배워 볼 태그는 head태그와 body태그입니다.

<head> 태그는 우리가 보고 있는 웹 페이지의 자료를 모아두는 태그입니다.  

head 태그 안에서는 meta라는 태그가 있습니다.  meta태그는 웹 페이지의 중요한 중요한 설정이 들어있는 태그입니다.

그다음으로는 body태그가 있습니다.

body태그는 우리가 어떠한 사이트를 구현할 때 필요한 태그를 선언할 때 쓰이는 태그를 모아 둔 곳입니다. 

쉽게 말을 하면 head태그는 사람으로 따지면 머리로 볼 수 있고 body라는 태그는 사람으로 따지면 몸통으로 볼 수 있습니다.

우리는 이번에 title라는 태그를 배워볼 것입니다.

  title라는 태그는 웹 사이트의 상단바의 이름을 설정해 두는 태그입니다.우리는 html , head , meta, body title 총 5개의 태그를 배워 보았습니다. 

'programing > HTML,CSS' 카테고리의 다른 글

HTML(4)  (0) 2020.12.13
HTML(3)  (1) 2020.12.11
HTML(2)  (0) 2020.12.09