*HTML (HyperText Markup Lanuage)
-HyperText : 하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트
-Markup : (콘텐츠를) 표시하다
-Language : 언어
: 하이퍼 텍스트와 콘텐츠를 표시해주는 언어!
-쉽게말해 ) 웹 브라우저를 통해 표시되는 웹페이지의 콘텐츠를 정의하기 위해 사용되는 언어
*웹 페이지의 콘텐츠를 정의한다
-HTML은 웹페이지의 ‘콘텐츠를 정의’하기 위해 사용하는 언어이다.
-개발자는 HTML 코드로 웹페이지에 어떤 내용이 표시 될지를 정의한 HTML 문서를 만든다
-완성된 HTML 코드를 웹브라우저에서 로딩하면 웹페이지가 만들어진다
-렌더링 : HTML 코드가 웹브라우저를 통해 해석되고 표현되는 과정
*HTML 문서 만들기
-HTML 문서는 파일의 확장자가 html 또는 htm이다
-대표적인 텍스트 편집기 : 기본 메모장, Brackets, VSCode 등
-대표적인 웹브라우저 : 크롬, 파이어폭스, 사파리, 인터넷 익스플로러, 엣지 등
*실습
-HTML 문서를 만들어 텍스트 에디터로 여는 방법 / 웹 브라우저로 여는 방법 알아보기!
1) 문서 만들기
-’TextEdit’의 새 폴더에 들어가 C+S 저장하는데
-이렇게 저장할 때 확장자를 반드시 ‘.html’로 저장해줘야 한다
-그러면 다음과 같이 저장되는데,
-이는 html 문서이기에 두 가지 형태로 여는 게 가능하다
2) TextEdit 사용 (매킨토시 버전)
-윈도우 버전이라면, 메모장
-그냥 더블클릭하여 열어지지만, 강의에서는 ‘다음으로 열기 > 텍스트 편집기’ 순으로 열음
-여기에 내용 기입이 가능, html 코드를 작성하여 원하는 웹사이트를 코딩할 수 있다 (편집 가능)
3) 웹브라우저 사용 (크롬 사용)
-폴더를 웹 브라우저에 ‘드래그 앤 드롭’
-이렇게 빈 화면으로 뜬다
: 현재 해당 파일에 아무것도 적혀있지 않기 때문에!
-여기서는 내용이 편집되지 않음, 결과를 확인하기만 가능 (뷰어 기능만)
