땅콩이 맛난고 먹이자

HTML tag HTML 태그(tag)는 HTML 요소(element)라고도 부르며, HTML 문서를 구성하는 기본 단위이다. 웹 페이지의 시작과 끝 웹 페이지의 정보(meta data), 문서에서 사용할 외부 파일들을 링크할 때 브라우저에 실제로 표시되는 내용 문서 제목 (제목 표시줄에 표시됨) 의미는 없음, 컨텐츠들을 어떤 목적에 따라 묶어야 할 때 사용 코드 삽입 (Javascript) 단락(내용 앞 뒤로 빈 줄이 생겨 단락이 됨) ,안에서 리스트를 만들 때 사용 unordered lis (은 oldered list) 문서 연결 링크 (다른 페이지 or 다른 사이트로 연결) 화면 맨 아래 (제작 정보와 저작권 정보) 독립적인 하나의 글 페이지 부분 이외의 콘텐츠 #참고: 아래의 사이트에서 각 태그분..

HTML 문서 구조 #크롬브라우저를 통해 HTML 코드 보기 크롬브라우>개발자도구 or 윈도우 (Ctrl + Shift + I) / 맥 (Option + Command + i) #HTML 문서 구조는 계층적이다. 현재 문서가 HTML5 문서임을 명시 ~ HTML 문서의 루트(root) 요소를 정의 HTML 문서의 *메타데이터(metadata)를 정의 *HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보: , , , , , 태그 등을 이용하여 표현 ~ HTML 문서의 제목(title)을 정의 (툴바, 즐겨찾기, 검색 결과 페이지의 제목으로 표시됨) ~ 웹 브라우저를 통해 보이는 내용(content) ~ 제목 (heading) ~ 단락 (paragraph) 간단한 HTML ..

Web browser란? 브라우저는 월드와이드웹(WWW)에서 정보를 검색, 표현하고 탐색하기 위한 소프트웨어이다. 인터넷에서 특정 정보로 이동할 수 있는 주소 입력창이 있고 서버와 HTTP로 정보를 주고 받을 수 있는 네트워크 모듈도 포함하고 있습니다. 서버에서 받은 문서(HTML, CSS, Javascript)를 해석하고 실행하여 화면에 표현하기 위한 해석기(Parser)들을 가지고 있습니다. 브라우저마다 서로 다른 엔진을 포함하고 있습니다. #주요 웹 브라우저 모질라 파이어폭스, 구글 크롬, 인터넷 익스플로러/마이크로소프트 엣지,오페라, 사파리 How browsers work? 사이트를 이용하여 브라우저 이해하기 #The browser's high-level structure _ 구성요소 알아보기 T..

웹 프론트 엔드란? 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공한다. 또한, 사용자의 요청(요구사항)에 반응해서 동작한다. #사용자에게 보여지는 웹 페이지를 구현하기 위해서는 다음과 같은 기능을 해야하고 이에 사용되는 언어가 있다. 웹콘텐츠를 잘 보여주기 위해 구조를 만들어야 한다. HTML 적절한 배티와 일관된 디자인 등을 제공해야 한다. CSS 사용자 요청을 잘 반영해야 한다. Javascript #웹의 HTML, CSS, Javascript 코드 보기 도구 더보기 > 개발자 도구 ( or Ctrl + Shift + I ) 를 누르면 웹 페이지를 이루고 있는 코드들을 볼 수 있다. 자세히 살펴보면 HTML, CSS, Javascript 요소를 확인할 수 있다. #언어 개념 정..