홈페이지제작

홈페이지 제작하기 - 틀 잡기

끄적인다 2024. 5. 31. 23:05
반응형

안녕하세요. 이번 포스팅은 홈페이지를 제작하는방법을 포스팅 해볼까 합니다.

포스팅은 제가 처음 시작부터 끝까지 진행하며 저의 일기 같은 포스팅 일겁니다.

 

홈페이지 틀을 잡아보도록 하겠습니다.

<!DOCTYPE html> <!--html 선언-->
<html lang="ko"> <!--한글 사용 선언-->
<head>
    <meta charset="UTF-8"> <!--한글을 사용하기위해 문자열 선언-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--반응형 디자인 사용을 위한 선언-->
    <title>제목</title>
</head>
<body>
    <h1>HTML 만들기!</h1> <!--제목1-->
</body>
</html>

우선 전체적인 틀은 이렇게 써볼까 하는데요.

 

주석에 나와있는 것들 처럼 여러가지 선언을 해줬습니다.

또 <title>은 무엇으로 할지 아직 정하지 못해서 우선은 [ 제목 ] 이라고 두었습니다.

그리고 <body> 부분을 만들어서 기본적인 틀을 만들었습니다.

실행결과

실행해보면 제가 <title> 에 적은 글자와 <body> 에 적은 글자가 잘 나타나는 것 을 확인했습니다.

 

혹시나 한글이 깨져서 잘 안나타나시는 분은 파일을 "다른 이름으로 저장" 하여 저장 옆에 있는 화살표 모양을 클릭해 "인코딩하여 저장" 으로 저장해서 다시 실행해보시길 바랍니다.

인코인하여 저장

 

이번 포스팅에서는 짧게 전체적인 기본틀을 잡아봤습니다.

다음 포스팅부터는 <body> 부분을 조금씩 천천하게, 하지만 깔끔하게 하나씩 채워보도록 하겠습니다.

 

감사합니다.

반응형