HTML,CSS,Js - 첫 번째 HTML 문서 만들기.
2024. 7. 28. 11:32ㆍ---Learning (학습)---/HTML+CSS+자바스크립트
728x90
1. VSCode를 실행해 상단 메뉴에서 File - Open Folder를 선택합니다.
2. HTML 문서를 작성할 프로젝트 폴더를 고르는 창이 생성되고, 여기에서 폴더를 만들고 선택합니다.
3. 새 파일 아이콘 클릭합니다.
4. 파일명을 index.html로 입력합니다.
5. 오른쪽 편집기가 뜨면 입력칸에 !를 입력후 엔터를 클릭하면 기본 HTML코드를 자동으로 입력됩니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
6. 입력된 코드를 아래와 같이 수정해봅시다.(내용은 자유롭게 수정가능.)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>First Web!!!</title>
</head>
<body>
<!--웹 페이지에 표시할 내용입력-->
<p>첫 번째 웹 페이지</p>
</body>
</html>
7. 완성된 페이지.
728x90
'---Learning (학습)--- > HTML+CSS+자바스크립트' 카테고리의 다른 글
HTML,CSS,Js - HTML 텍스트 강조. (0) | 2024.07.30 |
---|---|
HTML,CSS,Js - HTML 링크와 이미지 넣는 방법. (0) | 2024.07.30 |
HTML,CSS,Js - HTML 목록 만들기. (0) | 2024.07.29 |
HTML,CSS,Js - HTML 그룹 짓기. (0) | 2024.07.28 |
HTML,CSS,Js - HTML 텍스트 작성. (0) | 2024.07.28 |