풀스택6 [데브코스 웹 풀스택 과정 TIL] Day 6~9 - 웹 생태계 전반에 대한 이론 및 실습 (2) - HTML, CSS 그리고 Javascript [2023. 11. 21 ~ 24 학습 분] 1. HTML HyperText Markup Language의 약자이다. 일단 코드 먼저 보자. Body! 앞서 설명했다시피 웹 상의 정보는 하이퍼텍스트로 표현한다고 설명한 바 있다. 이를 웹페이지의 구조로서 구현한 언어가 HTML이고, 이를 통해 웹페이지를 구성한다. 기본적인 구조는 과 같이 태그를 여닫는 구조이다. 예외인 태그들이 있긴 하나 일부이고 대부분의 태그는 여닫는 구조로 되어있다. 위의 코드를 자세히 살펴보자. - 이 파일이 HTML로 이루어져 있음을 선언한다 - HTML 문서의 최상위 요소. 이 태그 안에 모든 내용을 작성한다 Red Text Blue Text 이렇게 작성하면 된다. 이러면 태그 단위로 CSS를 적용할 수 있다. 그런데 이렇게 하.. 2023. 11. 27. [데브코스 웹 풀스택 과정 TIL] Day 6~9 - 웹 생태계 전반에 대한 이론 및 실습 (1) - 웹 개요 [2023. 11. 21 ~ 24 학습 분] 1. 웹의 시작 웹의 시작은 컴퓨터와는 관계가 없는 곳에서 시작되었다. 1989년 CERN에서 근무하던 팀 버너스 리가 연구원 간에 정보 교환을 빠르게 하기 위해 만들었다고 전해진다. 이른바 WWW(World Wide Web) 되시겠다. 지금도 최초의 웹 페이지가 남아있다 (링크) 링크를 들어가보면 알겠지만 지금 우리가 보고 있는 웹과는 달리 지극히 단순한 형태이다. 그럼에도 웹의 특징을 잘 담고 있는데, 정보를 하이퍼텍스트 형식으로 표현하여 하이퍼텍스트(링크)를 따라 이동하며 다양한 정보, 문서들을 연결, 제공 한다는 것이다. * 하이퍼텍스트: 단순 문자가 아닌 그 이상의 기능을 가지는 텍스트, 주로 링크, 참조의 역할을 하는 기술 2. 웹의 구조 웹의 구조.. 2023. 11. 26. 이전 1 2 다음