분류 전체보기
-
[HTML_codecademy] Elements and StructureLanguage/HTML&CSS 2022. 8. 11. 18:15
Learn about HTML elements and structure, the building blocks of websites. 1. Introduction to HTML Review The Brown Bear About Brown Bears The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern. There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear. Species ..
-
CSS_생활코딩 : BOX 개념, GRID 개념, 반응형 웹Language/HTML&CSS 2022. 7. 25. 23:54
생활코딩 학습 내용 복습_4~5일차 - 날짜 : 2022.07.25.월 ~ 07.26.화 - 학습내용 : WEB 2 CSS 1. BOX 2. GRID - caniuse : html과 css 구현 문법을 사용할 수 있는지 확인하는 사이트 https://caniuse.com/ - : block element (element=tag) - : inline element 3. 반응형 웹 - 미디어 쿼리!! @media(min-width:664px) { div{ display:none; } } -> 화면의 폭의 최소값이 664px일 때(화면 폭이 664px보다 작을 때), div태그가 적용된 내용의 display를 none으로 처리해라. 라는 뜻이다 @media(max-width:664px) { div{ disp..
-
CSS_생활코딩 : 웹페이지에 CSS를 삽입하는 2가지 방법Language/HTML&CSS 2022. 7. 25. 23:00
생활코딩 학습 내용 복습_4일차 - 날짜 : 2022.07.25.월 - 학습내용 : WEB 2 1. CSS의 기본 : 웹페이지에 CSS를 삽입하는 2가지 방법. ■ 그냥 참고 : : 사이에 어떤 태그가 적히더라도, 웹 상에는 표현되지 않는다. 1) 스타일 태그를 쓴다 - : 스타일 태그는 html의 문법이면서 동시에 스타일 태그 안쪽에 있는 내용(효과)은 CSS 문법을 사용한다. 해석하면 웹브라우저야 너는 이것을 CSS문법에 맞게 내용을 이해해서 처리해야돼 라는 문법이다. 즉 css 문법은 스타일 태그 안에 쓰인다. - 또한, 하나의 효과를 적으면 효과를 구분하기 위해 뒤에 ;(semi colon)을 적어서 효과를 의미단위로 나누어준다. -> 예시 : 웹브라우저에 있는 모든 a 태그에 대해서 붉은 색 처..
-
HTML_생활코딩 : 동영상 삽입, 댓글 기능, 채팅 기능, 방문자 분석기Language/HTML&CSS 2022. 7. 21. 22:42
생활코딩 학습 내용 복습_3일차 - 날짜 : 2022.07.21.목 - 학습내용 : WEB 1 부록 1. 동영상 삽입 - : 동영상을 삽입하는 코드 ex) 2. 댓글 기능 추가 댓글 기능을 구현하는 것은 html로는 불가능하고, 백앤드 기술을 활용해야 한다. 또한 댓글은 스팸 같은 변수들도 있기 때문에, 스팸 차단 기능 등, 단순히 백앤드 기술 뿐만 아니라 복잡도가 높고 여러가지 기능이 필요하다. 그러므로 우리가 댓글기능을 직접 구현하는 것은 쉽지 않다. 그러나 개발을 해보는 것은 좋다. 그런데 직접 해보기 전에, 남들이 만든 댓글을 우리 웹사이트에 포함시키면 직접 구현하지 않고도 이런것이 가능하다는 것이다. DISQUS, LiveRe 같은 서비스를 활용하면 가능하다. 이렇게! 3. 채팅기능 추가 - w..
-
HTML_생활코딩 : 웹페이지의 구조를 정의하는 태그, a태그Language/HTML&CSS 2022. 7. 20. 23:48
생활코딩 학습 내용 복습_2일차 - 날짜 : 2022.07.20.수 - 학습내용 : WEB 1-17 ~ 1. 서버와 클라이언트 자본주의 사회에서 가장 중요한 관계가 무엇인가요? 부모와 자식? 주인과 노예? 아닙니다. 바로 고객(갑)과 사업자(을)입니다. 고객을 영어로는 클라이언트(client)라고 합니다. 사업자를 영어로는 서버(server)라고 합니다. 인터넷을 만든 사람들은 이 비유를 사용하기로 합니다. 요청하는 컴퓨터를 클라이언트 컴퓨터 응답하는 컴퓨터를 서버 컴퓨터라고 부르기로 합니다. 2. 웹호스팅 - github page
-
HTML_생활코딩 : 웹페이지의 구조를 정의하는 태그, a태그, 웹사이트 완성Language/HTML&CSS 2022. 7. 20. 01:07
생활코딩 학습 내용 복습_1일차_2 - 날짜 : 2022.07.19.화 - 학습내용 : WEB 1-13 ~ 1-16 1. 문서의 구조와 슈퍼스타들 - : 웹페이지의 제목을 사용자에게 명시적으로 알려줄 수 있고, 검색엔진에서 title에 적힌 정보를 책 표지와 같은 정보로 인식한다. 따라서 title 태그를 쓰지 않는 것은 SEO에 완전 손해다! - : 웹브라우저야 이 웹페이지는 UTF-8로 만들어졌기 때문에 UTF-8로 열어야 해~ 라는 의미. utf-8이 뭔진 몰라도 된다. - : 본문의 내용을 구분하는 태그 이것은 약속이다 - : 본문을 설명하는 태그 이것도 약속이다. 그리고 body 태그는 head태그 아래에 놓이게 된다. - : 그리고 head와 body를 감싸는 최상위 태그. 그리고 이 html..
-
HTML_생활코딩 : 태그의 정의, 속성, 목차태그, 표태그Language/HTML&CSS 2022. 7. 20. 00:41
생활코딩 학습 내용 복습_1일차_1 - 날짜 : 2022.07.19.화 - 학습내용 : WEB 1-1 ~ WEB1-12 1. 기본문법-태그(tag) ※ 태그란? 태그는 비유이자 은유이다. HTML과 같은 언어를 만든 사람들은 이 언어를 만들 때 자신들이 만든 문법을 사람들이 쉽게 이해하기를 원했습니다. 그래서 일상에서 자주 쓰는 말 중에 이 문법과 비슷한 말을 찾았겠죠. 그래서 찾은 비유, 은유가 바로 태그입니다. by. 생활코딩_기본 문법-태그 - : 굵게 - : 밑줄 - : 제목을 정의하는 태그. h1~h6까지 있고, 숫자가 커질 수록 글자 크기가 작아짐. - : xmp태그 안에 html태그를 입력하면 코드가 웹페이지에 그대로 출력됨. - : 새로운 줄을 넣을 때 쓰는 태그. 특징은 닫힘 태그가 없음..