본문 바로가기
  • Nestyle Yoro Korea
여행

홈페이지 만들기... 기본틀 작성하는 법과 저장하는 방법

by nestyle 25 2020. 4. 24.


이번시간에는 html에서 

기본틀 작성하는 법과 

저장하는 방법에 대해 알아보겠습니다


우리는 작가들이 책을 쓸때 연필로 쓰는지  볼펜으로 쓰는지 

아니면 만년필로 쓰고 있는지 정확히 알지 못하는 것 처럼

문서도 수많은 버젼이 있는데 그 버젼마다 틀이 약간씩 차이가 있다면

우리는 어떤 버전으로 쓰였는지 알려줘야 합니다 

그 버전을 알려주는 html을 doctype(독타입)이라고 합니다.

버전이라는게 업그레이드 되다보니 요즘 버전은 html 5버전인데 굉장히 간단해서 좋더군요^^


<! DOCTYPE html>

 

그럼 html의 태그 기본작성부터 알아볼께요


  <! DOCTYPE html>------->html5 사용

<html>---------------------->시작태그

<head>---------------------->웹에 표시되지 않습니다

</head>

<body>---------------------->본문영역(내용)화면상에 보입니다

</body>

</html>----------------------> 끝태그  


html 의 기본 태그 구성은 이렇게 되어있으며

제가 예문을 만들어 보았습니다

아직은 초보라 메모장에다 쓰고 연습을 하고 있습니다


기본작성법에 맞춰서 작성을 하고



저장을 하는데 파일네임은 main.html 

세이브타입은 all files

에코딩은 unicode로 하고 저장클릭


main.html 이 만들어 졌습니다


여기서 잠깐!

파일 확장자(filename extension)-->컴퓨터 파일 이름에서 파일의 종류와 역활을 표시하기 위해서

간단히 확장자라고 부르며 운영체계에선 마지막 점이 찍힌 뒤에 나타나는 부분을 확장자라고 인식

하게 됩니다 예를 들면  direct .txt 이면 txt가 main.html이면 html 이 확장자가 됩니다.


이부분은 title 부분으로 브라우저 tab에서 보이는 부분입니다.


이부분은 html로 body 부분에 올려졌던 내용이 화면에 보여지는 모습입니다.


이렇게 해서 오늘도 기본틀 작성하는 법과 저장하는 방법까지 알아봤습니다

역시나 복습과 더불어 실기연습뿐입니다.






댓글