웹/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