초보 개발자의 기록

www.w3schools.com/howto/tryit.asp?filename=tryhow_css_table_zebra Tryit Editor v3.6 table { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd; } th, td { text-align: left; padding: 16px; } tr:nth-child(even) { background-color: #f2f2f2; } Zebra Striped Table For zebra-striped tables, use the nth-child() sel www.w3schools.com ProductController.java 상품을 관리하는 컨트롤러 반환..

www.w3schools.com/howto/tryit.asp?filename=tryhow_css_dropdown_navbar Tryit Editor v3.6 body { font-family: Arial, Helvetica, sans-serif; } .navbar { overflow: hidden; background-color: #333; } .navbar a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; over www.w3schools.com 아래의 코드를 이용하여 관리자모드 웹페이지를 만들어봄 Home ..

CCSS Cascading Style Sheets Specifies look and formatting Separates content from presentation Design that Scales Reusability maintainability CSS Basics properties https://developer.mozilla.org/en-US/docs/Web/CSS/Reference Classes: named styles CSS: .classname IDs: name one element CSS:#IDname Combinators: Select by relationship Colors and Names in CSS http://www.w3.org/TR/2003/CR-css3-color-2003..

Foundations of computer programming with JavaScript, HTML, CSS This course is for beginners. * How to think like a programmer * Analyzing problems * Algorithms: designing solutions * Translating your algorithms into programs Week1: Designing a Web Page with HTML and CSS Create your own webpage Week2: Algorithms and Programming Concepts Tackle the green screen problem. Learn some important Progra..

body에 배경이미지 적용하기 CSS 배경이미지의 특징- 이미지가 단일하게 출력되는 것이 아니라. 화면 끝까지 반복되는 패턴으로 출력 다른 태그 요소와 물리적인 충돌이 발생하지 않는다 (컨텐츠 뒤에 배경으로 설정되므로) Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequa..

CSS색상 색상값을 단어로만 부여할 때의 단점은 세부적인 색상 표현이 불가능하다는 점 해결책? RGB (Reb Green Blue) 빛의 3 원색을 컴퓨터 분야에서 표현할 수 있다. 16진수(hexadecimal)로 넣어 세부적인 색상을 표현할 수 있다 Tomato Orange DodgerBlue MediumSeaGreen Grey SlateBlue Violet LightGrey 자주 사용할 사이트 brandcolors.net/ BrandColors - official brand color hex codes Close Modal About BrandColors BrandColors was created by DesignBombs. The goal was to create a helpful referenc..

회원가입 ID Password Name 연락처 010 011 017 019 - - 취미 여행 독서 운동 IT email @ 네이버 구글 한메일 메일수신 예 아니오 우편번호 우편번호검색 가입하기 jenkwon92/HtmlCss_Workspace Korea it academy HTML/CSS class. Contribute to jenkwon92/HtmlCss_Workspace development by creating an account on GitHub. github.com

HTML : 웹브라우저에게 HTML의 버전을 알려주는 역할(자동으로 html5를 사용) : html문서에 한글이 사용될 경우 한글을 지원해주는 인코딩 방식을 이용해야 한다. 요소는 반드시 요소 내에 있어야 하고, HTMl파일의 첫 1024바이트 내에 존재해야한다. : 웹사이트의 제목 ~ : 머리말(heading) 크기를 설정해주지 않을 경우, h1부터 순서대로 크기가 작아짐 : 문단(paragraph), 태그 위, 아래에 기본적으로 여백이 조금씩 있음 : 텍스트 굵게 (bold) : 텍스트 기울이기 (italics) , 외국어, 등장인물의 생각 등 일반적인 산문에서 벗어난 경우 사용한다. : 태그와 효과는 동일해 보이지만, 텍스트가 중요하다고 표시하는 것이 목적이다. 스크린리더(컴퓨터의 화면 낭독 소프트..

본격적으로 서비스가 주도하는 시대가 열림으로써, 서비스를 통해 새로운 가치 창출이 이뤄지고 있다. 그러한 서비스들은 웹에서 이루어진다. 앞으로는 더 많은 무형의 서비스들이 생겨날 것이다. -Why, Web? 가트너에서는 2019년까지 전체 브랜드의 20%가 모바일 앱을 제거할 것이라고 예견하였고, 강력한 대안으로 Progressive Web Apps(PWAs)를 지목하였다. PWAS? 웹의 장점과 앱의 장점을 결합한 것이며, 앱 수준과 같은 사용자 경험을 웹에서 제공하는 것을 목적으로한다. 수많은 플랫폼의 앱을 만들지 않아도되는 All-in-One 어플리케이션이다. HTML (Hyper Text Markup Language)? 웹사이트의 기둥이 되는 언어이다. 즉, 집을 지을 때 뼈대가 되는 역할을 한다..