[CSS 소개] Cascading Style Sheets -HTML 꾸며주는 언어 -html : 웹페이지 정보 표현 | CSS : 디자인 http://www.csszengarden.com/ CSS Zen Garden: The Beauty of CSS Design So What is This About? There is a continuing need to show the power of CSS. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet int..
[Language]
[콘텐츠 모델] metadata : 콘텐츠 style(표현), script(동작) 설정 or 다른 문서와의 관계 등 정보 포함 요소 -> base, link, meta, noscript, script, style, title -> 굵은 vs 중요한 기울어진 vs 강조하는 밑줄친 vs 새롭게 추가된 중간선이 있는 vs 삭제된 [HTML5 시멘틱 요소] HTML5에서 새로 생긴 시멘틱 요소들 https://developer.mozilla.org/en-US/docs/Glossary/Semantics Semantics - MDN Web Docs Glossary: Definitions of Web-related terms | MDN In programming, Semantics refers to the meani..
1) 태그 정의 요약 빈칸 채우기 1. 제목(heading) 태그는 문서 내에서 제목을 표현할 때 사용하는 태그입니다. 보통 로 줄여서 쓰며 레벨에 따라서 숫자가 붙습니다. 2. 단락(paragraph) 태그는 본문에 해당되는 내용을 감쌀 때 사용합니다. 줄여서 로 씁니다. 본문 내에서 개행을 하려면 태그를 사용해야 합니다. 개행 태그br은 영어단어 linebreak에서 차용되었습니다. 3. 글자를 굵게 표현할 때는 태그, 글자를 이탤릭체로 표현할 땐 태그, 글자에 밑줄을 쳐주고 싶을 땐 태그를 사용하고, 글자에 중간선을 표시하고 싶을 때는 태그를 사용합니다. 각 태그는 순서대로 영단어 bold, italic, underline, strike 에서 이름을 차용하였습니다. 4. 앵커(anchor) 태그를 ..
[태그 소개] https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML elements reference - HTML: HyperText Markup Language | MDN This page lists all the HTML elements, which are created using tags. developer.mozilla.org http://html5doctor.com/element-index/ Element Index | HTML5 Doctor This is a quick reference of elements that are new or have been redefined in HTML5. For each element there is ..
미션은 저작권 문제로 오픈하면 안된다는 공지를 받았다. 웹 개발자들은 새로운 개념을 학습할 때, (Mozilla 재단)MDN Web Docs를 주로 참고한다고 한다. https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org 1. HTML 정의 요약 빈칸 채우기 HTML은 HyperText Markup Language의 약자로 웹을 이루는 가장 기초적인 구성 요소입니다. 웹페이지의 모..
[HTML 소개] 1. HTML (Hyper Text Markup Language) : 웹 페이지 만드는 언어 -Hyper Text : 링크 -Markup Language : 프로그래밍 언어의 한 종류, 구조적/계층적 표현 가능 -확장자 : .html [HTML 문법 - 태그] 1. 태그 - 표현 - (대부분) 시작 태그 & /종료 태그 2. 요소 : 내용 포함 태그 전체 [HTML 문법 - 속성] 1. 속성(Attribute) Hello, HTML h1과 id 사이 : 시작 태그, 태그 이름 사이 공백 구분 id="title" : 태그 이름="속성값" 표현 (공백 x) -> "나 '로 사용 가능 2. 多 클래스 하나의 속성 안 여러 클래스 사용 가능 ("title" class : 공백 구분) [HTML..
Output Input import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner in = new Scanner(System.in); String id = in.next(); System.out.println(id + "??!"); } } 앞서 풀었던 것과 비슷한데 이번엔 문자를 입력받아 출력한다는 점이다.
Output Input 1 - 간단 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner in = new Scanner(System.in); int A = in.nextInt(); int B = in.nextInt(); in.close(); //닫아줘야 불필요한 메모리 사용을 줄일 수 있다. System.out.println(A + B); System.out.println(A - B); System.out.println(A * B); System.out.println(A / B); System.out.println(A % B); } } Input 2 - 클래스, 인스턴스, (코드 정리) i..
Output Input import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner in = new Scanner(System.in); double A = in.nextdouble(); double B = in.nextdouble(); System.out.println(A/B); } } 1. int와 double 자신있게 적고 실행시켰는데 0.33333이 아닌 0이 나왔다. 뭐지? 보니까 int로 적었다. 소수점이 나오려면 double을 적어야 했다. 실수도 실력이다. 반성하자 !!!!!!!!
Output Input import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner in = new Scanner(System.in); int A = in.nextInt(); int B = in.nextInt(); System.out.println(A * B); } } 앞서 풀었던 1000번 & 1001번과 같은 유형의 문제이다. 사칙연산만 달라지는 것일 뿐. Scanner가 생각 안 날 것 같았는데 의외로 빨리 생각났음.
import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner in = new Scanner(System.in); int A = in.nextInt(); int B = in.nextInt(); in.close(); System.out.println(A-B); } } 1000번과 같은 코드 사용하면 된다. +가 -로 바뀐 것일뿐..
Input 1 2 Output 3 Code import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner in = new Scanner(System.in); int A = in.nextInt(); int B = in.nextInt(); in.close(); System.out.println(A+B); } } 애초에 하나도 몰라서 구글 검색으로 학습했다. 입력 받는 기능은 Scanner 기능을 사용한다. Scanner (변수) = new Scanner(System.in); -> 변수는 아무거나 적어도 되지만 보통 in, scan, sc 중에서 많이 쓴다고 한다. 다른 사람들이 쉽게 이해할 수 있도록 ..