본문 바로가기

programming study/HTML, CSS

(12)
[코드잇] HTML/CSS 시작하기 (2)(2021.2.11) 본 내용은 해당 강의 토대로 작성 텍스트 스타일링 01. 텍스트 색 색 이름 CSS에서 정한 색 이름 tomato, whitesmoke, aqua 등 140개의 색이 대부분 브라우저에서 지원 RGB 값 빨강(Red), 초록(Green), 파랑(Blue)의 조화로 표현된 색 값 h1 { color : rgb(83, 237, 65); } HEX 값 (16진법) RGB값을 16진법으로 표현 h1 { color : #53ED41; } 02. 몇 가지 텍스트 스타일링 font-weight 폰트 굵기를 설정 100, 200, 300, 400, 500, 600, 700, 800, 900이 있다. font-weight: normal == font-weight: 400 font-weight: bold == font-we..
[코드잇] HTML/CSS 시작하기 (1)(2021.2.11) 본 내용은 해당 강의 토대로 작성 수업 소개 01. 서비스가 주도하는 시대에 살아남는 법 무형의 서비스는 점차 늘어나고 있다. 웹은 모두를 이어주는 매개체 모바일 앱을 PWAs(Progressive Web Apps)가 대체할 것 웹과 앱의 장점을 결합 All-in-One 02. 웹에 사용되는 언어 HTML(Hyper Text Markup Language) 웹 사이트에 들어갈 내용을 담당 CSS(Cascading Style Sheets) 웹 사이트의 스타일을 담당 JavaScript 웹 사이트의 인터렉션(상호작용)을 담당 HTML 기초 01. HTML 기본 태그 정리 선언 HTML 파일을 쓸 때 가장 먼저 선언 웹 브라우저에게 HTML버전을 알려주는 역할 기본으로 최신 버전인 HTML5 를 사용 태그 페이..
[생활코딩]WEB2-CSS (2020.11.30~12.1) 본 내용은 아래의 강의를 토대로 하여 작성하였습니다. 링크:https://opentutorials.org/course/3086 WEB2 - CSS - 생활코딩 수업소개 이 수업은 https://opentutorials.org 를 만들어가면서 CSS에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다. 수업대상 이 수업은 웹 페이지를 아름답게 디자인 opentutorials.org 1. 강의 내용 CSS가 등장한 배경 web이 처음에 등장했을 때, HTML만 있었다. HTML은 당시에는 매우 획기적이었다. 컴퓨터를 통해 문서처럼 정보를 표현할 수 있게 되었고 인터넷을 통해서 전 세계의 누구나 볼 수 있게 되었다. 하지만, 사람들은 HTML에 서서히 불편함을 느끼기 시작했다. 심미성이라..
[생활코딩]WEB1-HTML & Internet (2020.11.28~29) 본 내용은 아래의 강의를 토대로 하여 작성하였습니다. 링크:https://opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여 opentutorials.org 1. 강의 내용 HTML 오늘날 컴퓨터가 등장함에 따라 어떤 것을 만들어낼 때, 사람이 하는 일과 기계가 하는 일을 분리할 필요가 있다. 사람이 하는 일(원인) -부호, 신호(code), 원천(Source), 언어(Language) 기계가 하는 일(결과)- Application, App, Program, We..