728x90
반응형
✅ 웹사이트를 만들기 위해 사용되는 프로그래밍 언어
- HTML : 웹사이트에 들어갈 내용을 담당하는 언어 / 사이트의 내용을 작성하는 언어
- CSS : 웹사이트에 들어갈 스타일을 담당 / 페이지에 스타일링을 하는 언어
✅ 웹사이트를 만들기
🖐🏻 안녕 HTML! 이라고 인사말이 적혀있는 간단한 사이트 만들어보기
1. VS code >> 파일 >> 폴더 열기 에 들어가서 원하는 경로로 세팅하기
- newsletter라는 폴더로 설정
2. newsletter라는 폴더안에 index.html 파일 생성하기
- index.html : 이 폴더(newsletter)안에서 홈페이지 역할을 할 파일
3. index.html 파일 작성하기
<!DOCTYPE html>
<html></html>- <!DOCTYPE html>
- 브라우저에게 "이 문서는 HTML5로 작성된 웹 문서입니다"라고 알려주는 역할
- 이 선언이 있어야 브라우저가 HTML5 표준에 따라 문서를 올바르게 해석할 수 있음
- <html></html>
- HTML 문서의 시작과 끝을 의미함
- 웹페이지에 표시될 모든 내용은 이 <html> 태그 안에 들어가야 함
- 지금은 <html></html> 안에 아무 내용이 없기 때문에, 빈 웹페이지가 됨
4. 안녕 HTML! 이라는 문구 넣기
- <html></html> 태그 안에 작성
<!DOCTYPE html>
<html>
안녕 HTML!
</html>* ctrl+s를 눌러 파일 저장 후, index.html 을 더블클릭하여 열어보기
5. 웹사이트 런칭하기
- 내가 만든 html 파일은 내 컴퓨터안에서만 실행이 되며, 다른 사람들이 내 사이트에 접속하려면 인터넷에 올려야함
- Netlify (https://www.netlify.com/)
- 웹 개발자들이 정적 웹사이트나 프론트앤들 앱을 쉽게 배포하고 관리할 수 있도록 도와주는 플랫폼
- 우리가 만든 웹 페이지 폴더(ex. newsletter) 업로드하면 배포 완료
728x90
반응형
'웹' 카테고리의 다른 글
| [html] 링크 추가하기 (0) | 2025.04.07 |
|---|---|
| [html] <br> 태그 : 줄 바꿈 (0) | 2025.04.07 |
| [html] 제목(heading) 태그와 단락(paragraph) 태그 (0) | 2025.04.07 |
| [html] 한글을 지원하는 인코딩 (0) | 2025.04.07 |
| [html] head와 body (0) | 2025.04.04 |
