스텝 2 - HTML 입문 #3
Description
스텝 2 - HTML 입문
HTML 이란?
Hyper Text Markup Language 의 약자며 프로그래밍 언어가 아닌 메타 텍스트 파일. 웹언어로 인터넷이 지금처럼 된 계기
따라 해봅시다 - 웹사이트에 있는 HTML 소스 코드 보기
- Chrome 같은 브라우저를 오픈 합니다
- 웹사이트에 방문 (예: 구글)
- 윈도우 (오른쪽 클릭) 혹은 맥에서 Control + 터치패드 클릭 후 View Page Source
- 그 웹 페이지의 HTML 발견
기본 HTML 문법 (Syntax)
따라 해봅시다 - 간단한 HTML 만들어 보기
- Editor 에서 새로운 파일을 만들고
index.html이름으로 만듭니다 - 코딩 따라하기.
이미지 파일 이름은 본인 파일 이름으로 변경 하세요
<html>
<head>
<title>
첫 KAITA 워크숍 프로젝트
</title>
</head>
<body>
<h1>저의 첫 개인 프로젝트</h1>
<img src="./이미지 파일 이름" />
</body>
</html>- 브라우저를 열고 원하는 이미지를 다운로드 합니다. 이미지를 같은 폴더에 저장
<img src=“…” />에 파일 이름 넣고 저장 - File Finder (맥) 나 윈도우 (Window) 에서 그 파일을 브라우저로 오픈