본문 바로가기
Web/HTML

HTML 태그 - 1

by Jacob93 2017. 1. 12.

HTML 태그 1 


기본적인 태그들 ( 문서의 기본 구조를 나타내는 태그 ) 을 배워 볼 텐데요


앞에서 말씀드렸듯이 <시작태그><끝태그>만 알면 80%는 알았다고 해도 과언이 아니라고 할 수 있습니다.


그러니 너무 겁먹지 마시고 따라와 보세요!!ㅎㅎ


먼저 문서의 기본 구조를 나타내는 태그들을 배워 보도록 하겠습니다.




위의 사진과 같이 문서의 기본 구조를 나타내는 태그들은 크게 이렇게 있습니다.



형   식 

 내   용

 <html> ... </html>

 HTML 언어로 작성되어 있다는 것을 알려줍니다.

 <head> ... </head>

 Heading의 준말로 글의 머리말에 해당합니다.

 <title> ... </title>

 타이틀바에 새겨질 글자를 정의합니다.

 <body> ... </body>

 본문에 해당하는 부분을 알려줍니다.

 <footer> ... </footer>

 본문 밑부분에 나타나게 하는 태그입니다.

  <!- 주석 내용 ->

 주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다.



글의 형식에 서론 본론 결론 이 있듯이, HTML에도 head, body, footer 이렇게 세부분으로 이루어져있다! 라고 생각하시면 쉬울거 같아요!



제가 임의로 코딩을 해보았는데요!!




이렇게 코딩을 하시고 웹 브라우저에서 실행시켜 보면!!



이렇게 나오게됩니다~~!!


아직은 허접(?)하지만ㅎㅎ 이제 차근차근 배워가다 보면 더 좋은 웹 브라우저의 모양이 나올것을 기대하며...!ㅎㅎ


감사합니다!

'Web > HTML' 카테고리의 다른 글

HTML에서 목록으로 나타내기  (0) 2017.03.02
HTML의 Link속성  (0) 2017.03.02
HTML 글씨체  (0) 2017.03.02
HTML 문법  (0) 2017.01.11
HTML 소개 및 개발환경  (0) 2017.01.11

댓글