Web/HTML

HTML 기초 by 생활코딩

우당탕탕 개발 일지 2024. 2. 9. 21:19

안녕하세요. 우당탕탕 개발일지입니다.

생활 코딩 Web1-HTML강의를 들은 내용을 정리하는 목적으로 작성합니다.

HTML의 강의를 찾는 분들께 생활코딩을 추천합니다.

 

  • Web
  • HTML
  • HTML 개발도구 

 


1. Web (World Wide Web)

Q) Web은 무슨 뜻일까요?
A ) 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간이라는 의미입니다.

 

HTML은  Web을 구성하기 위해 사용하는 프로그래밍 언어입니다.

흔히 Web을 internet이랑 혼용해서 쓰는 경우가 많은 것은  그건 internet에서 Web의 비중이 크기 때문입니다.

Internt에서 제공하는 인기 있는 서비스가 Web이라고 생각하면 됩니다. 

internet안에는 Web과 동급인 수많은 서비스가 있습니다.(ex: email, FTP...)

비유하자면 internet web
  도시 건물 하나
  도로 자동차 한대
  운영체제 프로그램 1개 
  ... ...

강의에서 web에 대한 설명을 듣고 Web의 확장성(accessibity)이  참 매력적이라고 느껴진 것 같습니다.

더보기

《직접 해보기》

1. 자신이 가장 많이 가는 웹사이트 방문하기

2. 페이지 소스 보기 (ctrl + u )

3. 웹페이지를 구성한  HTML코드를 볼 수 있다.

 


2.HTML

HTML= Web page를 만들어 달라고 요청하는 언어

          = Hyper Text Makeup Language

 

※언어=약속=source=code

앞으로 배울 내용은 HTML의 문법과 관련된 부분입니다.

 


3. HTML개발 도구 

개발도구: 개발을 돕는 전문화된 프로그램.

  HTML editer  name explanation
  메모장 별도의 설치 없이 윈도우에 있는 메모장을 이용해서 할 수 있음.
단, 확장 프로그램이 필요할 때 제약이 있음.
  Visual studio  code https://code.visualstudio.com/  추천!
  atom 현재는 서비스 종료, 사용 불가
  brackets https://brackets.io/
  sublime text https://www.sublimetext.com/

 

서비스가 종료되거나 필요한 확장 프로그램이 없는 경우 등등... 상황에 맞게 선택해서 사용하면 됩니다.

 

 

 

728x90

'Web > HTML' 카테고리의 다른 글

HTML 태그와 속성 by 생활코딩  (0) 2024.02.16