웹/HTML

HTML공부를 해보자

whitewatch 2021. 3. 17. 09:10
반응형

안녕하세요 오늘은 HTML공부 첫 시간 입니다.

 

오늘은 간단하게 메모장으로 HTML기본 세팅을 배워 보도록 합시다.

 

윈도우를 클릭해주시고 메모장을 검색해주세요.

네 키셨으면 위 사진과 같은 상태일겁니다.

그럼 아래 글을 복사하셔서 그대로 붙여넣기 해주세요.

<!DOCTYPE html>
<html>
<head>
<title>웹 타이틀</title>

</head>
<body>
<h1> 글자 크기를 비교해보세요</h1>
<p> 이건 글입니다</p>

</body>

</html>

 

그대로 복사하시거나 따라 치셔도 괜찮습니다.

네 이제 다른 이름으로 저장을 눌러주세요.

파일 이름 -> (마음대로 적어주세요).html .html은 꼭 들어가야 합니다

파일 형식 -> 모든 파일

인코딩 -> 유니코드

이렇게 저장해주시고 실행 한 번 해보세요.

그러고 실행하면

크롬으로 실행했을 때 화면

이런 결과가 나옵니다.

 

축하합니다 여러분은 HTML이라는 것에 대해 첫 시작을 알리게 되었습니다.

 

이제 하나하나 우리가 복사 혹은 타이핑을 했던 것들이 무엇인지 알아볼까요?

 

DOCTYPE은 문서형식선언으로 '내가 HTML을 시작하겠다'라고 말한 것입니다

 

그러고 난 후 <head>는 그안에 웹 페이지의 제목, CSS, 자바스크립트 같은 중요한 내용들이 들어갑니다.

 

그러고 <body>는 웹페이지 안에 사진이나 글들이 들어가는 곳입니다.

 

일단 이렇게 전반적인 내용을 알아보았고 다음에는 h1이 무엇이고 p가 무엇인지 정리하도록 하겠습니다.

 

 

 

 

 

 

 

 

 

 

 

반응형
LIST