본문 바로가기

Programming Language9

05. CSS 개념과 역사 1. CSS 의미와 브라우저 1.1. CSS 의미 Cascading Style Sheets Cascading 계단식으로 폭포가 떨어지는 중이라는 의미이다. ( 폭포처럼 흘러 내리는 모습을 떠올리면 된다. ) 스타일 시트는 위에서 아래로 내려오면서 이미지 마지막에 덮게 된다. 1.2. 브라우저 user agent stylesheet 브라우저가 기본적으로 주는 style 속성이다. ( 브라우저는 요소들에게 많은 style 속성을 부여하고 있다. ) 브라우저마다 적용되는 style 속성이나 방식이 다르다. 브라우저가 CSS 코드를 읽을 때 cascading 방식으로, 즉 위에 있는 코드부터 차례 차례로 읽는다. 개발자 도구를 사용해서 content의 위치를 찾고 임의로 값을 넣어보며 확인 할 수 있다. [핵심.. 2024. 1. 31.
04. HTML 문서 구조(작성 순서) 1. 웹 페이지 및 파일 구조 잡기 ( 거시적 ) 1) PC웹과 모바일 웹 문서가 만드는 방법 최근에는 PC웹이 모바일 웹을 무시히지 못할 정도로 트래픽 량이 발생한다. [방법1] 반응형 웹 : '모바일 웹' 먼저 만들고 => PC웹 확장하기 [방법2] 각자 따로 웹 : 모바일 웹 / PC 웹 크로스 브라우징 / 반응형 웹 등 목적에 따라 코드가 많이 달라질 수 있다. 2) 파일 구조 생성하는 순서 문서 구조 구상하기 ( 이미지화 ) 문서 이름 부여하기 물리 구조잡기 ( 그룹화 ) 폴더 잡기 - 구조화 시키기 ( 이름 구상하기 ) 홈 디렉터리 생성하기 구조 생성하기 - index.html 생성 / 폴더(디렉터리) 생성 / 다양한 웹 문서 생성 코드 작성하기 - index.html / 각종 웹 문서 [ 상.. 2024. 1. 20.
03. HTML 태그(tag) 1. Tag 개념 1.1. Tag와 Attribute 1) Tags tag를 붙여서 웹문서에 들어가는 콘텐츠가 무엇인지 알리게 된다. 임의로 이름을 부여할 수도 있지만 그렇게 되면 나만 이해할 수 있다. 웹 브라우저가 이해할 수 있게 약속된 태그를 사용해야 한다. tag는 매우 방대하기에 전부 암기 할 필요는 없다. [ 태그 사용시 주의 사항! ] 일반적인 태그 사용법으로 이런 식으로 태그를 열었다면 반드시 형태로 닫아줘야 합니다. (ex) 김치 (ex) 니콜라스 [ Self_closing tag ] 콘텐츠가 없는 태그를 Self_closing tag라고 말한다. 이 태그들의 모든 정보는 속성을 통해 제공된다. 다른 태그와 다르게 로 닫는 태그가 없다. 이것 자체가 닫기 tag가 된다. 소스 주소는 인터.. 2024. 1. 19.
02. HTML의 역사 1. HTML 개념과 구조 1.1. HTML이란? HYML : HyperText Markup Language HyperText 참조(하이퍼링크)를 통해 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트이다. ( 'hyper(건너편의, 초월, 과도한)'와 'text'를 합성 ) 네이버 : HTML의 시작이자 정체성으로 메인 tag이다. Markup 태그로 특정 범위를 감싸는 행위를 말한다. 그렇기 때문에 HTML을 마크업 언어라고 부른다. Language 언어 1.2. HTML 기본구조와 SEO 아래의 코드는 HTML의 기본구조가 되는 태그들의 나열이다. ~ parent, child tag : SEO SEO란? 검색엔진 최적화, 즉 검색엔진에서 찾기 쉽도록 사이트를 개선하는 프로세스를 말한다. .. 2024. 1. 17.
01. 웹 역사와 브라우저 1. 웹이란 무엇인가? '웹'은 '월드 와이드 웹'의 줄인 말이다. 월드 와이드 웹(World Wide Web)이란 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 세계적인 정보 공간을 의미합니다. ( 기본적으로 웹 문서를 전달받고 문서를 요청할 수 있다. ) 간단히 줄여서 WWW나 W3라고도 부르며, 간단히 웹(Web)이라고 부른다. ( 웹이라 가장 많이 불린다. ) 웹 기술 자체는 공짜다. WEB : PUBLIC DOMAIN 퍼블릭 도메인이란 저작권이 소멸되었거나 저작자가 저작권을 포기한 저작물을 말한다. 웹 문서와 웹 퍼블리싱 '웹 페이지 ( 웹 문서 )'가 모이면 '웹 사이트' 라고 합니다. ( 이런 웹 문서를 만드는 것을 '웹 퍼블리싱'라고 한다. ) 웹 퍼블리싱 : 웹 문서 만들기 (.. 2024. 1. 16.
반응형