HTML 기본구조 쉽게 설명 해드릴게요



HTML 기본구조 쉽게 설명 해드릴게요

렐라 6 930

18f10089e988d1d35f96a6385dd67e66_1650449403_3583.jpg

 


 

홈페이지를 만들때 만드시 필요한 html에 대해서 배워보도록 하겠습니다.

 

천천히 하나하나 따라하시면 기본적인 html 명령어는 배우실 수 있습니다.

 

좀 더 자세한 명령어들은 시중에 나와있는 html 책을 보시면 많은 도움을

받으실 겁니다.

 

HTML 태그를 하시기 전 아셔야 할 부분이 있습니다.

 

시작하는 태그가 있으면 끝나는 태그가 있어야 합니다.

 

만약 <html>로 시작을 했다면 끝에는 반드시 </html>로 마무리를 하시고,

 

<b>로 시작을 했다면 </b>로 마무리를 하셔야 합니다.

 

앞의 명령어는 시작이고, 끝에 명령어 마무리는 앞에서 사용했던 명령어를 입력하시고

 

/ 를 입력하시면 태그의 끝을 나타냅니다.

 

그리고 영문자의 대소문자는 구분을 안하니까 편안히 사용하시면 됩니다.

 

아래의 내용을 편집기 또는 메모장을 이용하셔서 똑같이 입력하시고, 다른 이름으로 저장을

 

하셔서 폴더를 만드신 후 파일명을 태그연습1.html 로 저장합니다.

 

파일명은 뒤에 확장자가 .html 또는 .htm을 입력할 수 있지만,

 

여기에서는 .html을 사용하도록 하겠습니다.

 

그럼 html 문서의 기본적인를 구성을 보도록 하겠습니다.

 

아래의 내용을 편집기 또는 메모장에 입력하신 후 저장해서 실행해 보세요.

 

 

 

===== 내용 입력 시작 =====

 

 <html>

  <head>

   <title>웹 브라우저의 제목을 입력합니다.</title>

  </head>

  <body>

   모든 문서는 body 사이에 입력하셔야 합니다. (텍스트 또는 이미지)

  </body>

 </html>

 

===== 내용 입력 끝 =====

 

 

 

 

 

그럼 위에서 사용된 태그 명령어를 설명 드리겠습니다.

 

<html></html>

 

웹 문서의 시작과 끝을 나타내는 태그 입니다.

모든 문서는 html 안에 입력하셔야 합니다.

 

<head></head>

 

head는 html 문서에 꼭 있어야 하며, 웹 문서의 여러 정보들이 들어갑니다.

문서 제목, 스크립트 또는 스타일 시트 파일의 링크 등 정보들을 넣을 수 있으며,

실제 사용자에게는 보이지 않습니다.

 

<title></title>

 

웹 문서의 제목을 입력합니다. 웹 브라우저 맨 위에 파란줄에 표시 됩니다.

 

<body></body>

 

모든 웹 문서는 body 사이에 입력하셔야 합니다.

 

태그교실에서 배울 내용들이 body에 사용되는 태그 명령어들입니다.​ 




인쇄 차단
댓글(6)
댓글 총 6개
yerlo  
잘보고 가요!
03.08 11:58
리탱  
좋은포스팅감사합니다 좋은하루되세요
03.09 17:45
좋은 포스팅 감사합니다.
06.17 02:32
혀긔  
감사합니다
08.05 06:51
yeyyy  
요것도 기본적인 이해가 필요하네요
08.05 10:32
잘 봤습니다.
11.17 12:42

제목