본문 바로가기

Programming

(126)
WEB2 CSS - 4. Basic grammar of CSS 웹페이지에 CSS를 적용하는 방법 스타일 태그를 쓰거나 스타일 속성을 적용한다 스타일 속성은 e.g. 예제처럼 전체가 아니라 부분적으로 다른 글자 색깔 바꾸고 싶을 때 적용 text-decoration: none >> 링크 밑줄 없애줌 효과를 적용한 다음엔 항상 끝에 ; 세미콜론 적어주기 Text-decoration:underline >> 밑줄 생성 youtu.be/h0AlL9YI6bM
WEB2 CSS - 3. The advent of CSS - CSS란? HTML에서 디자인에 관한 기능을 빼서 온것 HTML에 정보에 집중할 수 있게 - - 코딩을 잘하는 방법 = 중복의 제거 예제에서 링크를 빨간색으로 표기하기 위해 HTML에서는 반복해서 4줄을 적어줬다면 CSS에서는 한줄로 표현해줄 수 있음 - HTML에서 일케 돼있으면 저 괄호 안에 내용을 무시하라는 뜻임. 본문 안에 내용이 실제 웹페이지에 적용되지 않는 것을 알 수 있음 by 생활코딩 youtu.be/L41Zjl7XANI
WEB1 - 19.3 Communication between Web Server and Web Browser (Linux) What is Linux? Just like Windows, iOS, and Mac OS, Linux is an operating system. In fact, one of the most popular platforms on the planet, Android, is powered by the Linux operating system. An operating system is software that manages all of the hardware resources associated with your desktop or laptop. To put it simply, the operating system manages the communication between your software and yo..
WEB1 - 19.2.3. Communication between Web Server and Web Browser (Mac) 이렇게 되려면 전제조건이 둘다 같은 wifi에 연결돼있어야 함. youtu.be/1i9_plf2g7A by 생활코딩
WEB1 - 19.1.3. Communication between Web Server and Web Browser (Windows) youtu.be/gde0uNwMSa4
WEB1 - 19.1.2. Web Server and HTTP (Windows) How to install apache http server ‘운영체제 이름’ e.g. Mac OS or 2020 How to easy install apache on window >> bitnami youtu.be/had7IqJHEKM
링크 걸기 태그 링크 걸어줄 텍스트 a target=”_blank”: Open in New Browser Tab (or Window) title: 링크에 마우스 대면 뜨는 문구 ref= reference by 생활코딩 youtu.be/V3pkC1hE-as
Document structure charset char = character set = 규칙 charset = "utf-8"로 안하면 밑에 한글 글자 제대로 안나옴 고위 태그: head, body 모든 태그들은 head 혹은 body 밑에 있음 그보다 더 고위 태그는 html 태크 은 관용적으로 쓰임: 이 문서는 html 형식 하에 있다는 의미. https://youtu.be/sVt5nyz3Gdo
부모 (ul) 자식(li) 태그 br: 줄 바꾸는 태그 ol (ordered list): 자동으로 넘버링 해줌 ul (unordered list): 문단 나눠줌 li: menas list ~ 앞에 땡땡이 생겨서 리스트처럼 됨. https://www.youtube.com/watch?v=aUtnyev_1vg&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=12
The last attributes and img 사진 저장 폴더에 저장 >> photo.jpg 이름 바꿔주기 image 삽입 src랑 width가 속성. 이 둘의 순서는 바껴도 상관 없음. https://unsplash.com/ Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com https://www.youtube.com/watch?v=RhE-RHdi-NY&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=11