꽃 같은 인생
HTML&CSS🌟 웹 개발 기초 정리 🌟 본문
🌟 웹 개발 기초 정리 🌟
1. 💻 인터넷이란?
여러 대의 컴퓨터가 정보를 주고받을 수 있도록 연결된 거대한 통신망이다.
2. 🔗 웹(Web)이란?
인터넷을 통해 컴퓨터 간 정보를 공유할 수 있도록 해주는 네트워크 시스템이다.
🌐 월드 와이드 웹(World Wide Web, WWW)
- 흔히 사이트 주소 앞에 붙는 www.이 바로 이것을 의미한다.
- 웹을 이용하면 글, 이미지, 동영상, 링크 등을 웹사이트 형태로 공유할 수 있다.
- 즉, 웹 개발은 이러한 웹사이트를 만들고 서비스하기 위한 작업이다.
3. 🌟 웹사이트란?
HTML과 CSS를 이용해 만든 화면을 웹페이지라고 하며, 여러 개의 웹페이지가 모여 웹사이트를 구성한다.
4. 📗 HTML이란?
Hyper Text Markup Language (하이퍼 텍스트 마크업 언어)
- 🔹 HyperText (하이퍼텍스트): 링크를 통해 다른 문서로 이동할 수 있는 텍스트
- 🔹 Markup (마크업): 콘텐츠를 구조화하여 표시하는 것
- 🔹 Language (언어): 컴퓨터가 이해하는 문법을 가진 언어
💡 즉, HTML은 웹페이지의 콘텐츠를 정의하는 언어이다!
5. 🎉 HTML5란?
- HTML은 1991년 웹의 창시자인 **팀 버너스리(Tim Berners-Lee)**가 처음 제안했다.
- 시간이 지나면서 발전을 거듭했고, 현재는 HTML5가 웹 개발 표준으로 자리 잡고 있다.
6. 📝 HTML 기본 문법
HTML은 태그(Tag) 라는 표기법을 사용해 역할을 수행한다.
🔥 태그의 기본 구조
<태그명> 콘텐츠 </태그명>🔍 태그의 구성 요소
- 태그명(Tag Name): 태그의 이름
- 여는 태그(Opening Tag): <태그명>
- 닫는 태그(Closing Tag): </태그명> (닫는 태그가 없는 태그도 있음)
- 콘텐츠(Content): 태그 사이에 들어가는 내용
📐 예제
<head> 문서의 헤드 부분입니다. </head>7. 💡 HTML 문서 작성 방법
- HTML 코드는 텍스트 기반이므로 텍스트 편집기를 사용하여 작성한다.
- 대표적인 텍스트 편집기:
- 메모장(Notepad)
- VS Code
- Sublime Text 등
- 저장 시 .html 확장자를 사용해야 한다.
'oz코딩스쿨 > HTML, CSS' 카테고리의 다른 글
| HTML&CSS🌟 HTML5 & CSS3 정리 노트 🌟 (0) | 2025.02.12 |
|---|---|
| HTML&CSS🌟 HTML5 마크업 언어 정리 🌟 (0) | 2025.02.12 |
'oz코딩스쿨/HTML, CSS' Related Articles
more
