Dev다D

여행 사이트 이미지는 images 폴더 안에 images/logo.png, images/home.png, images/paris.png, images/seoul.png, images/tokyo.png 를 사용하면 됩니다. (css 파일의 위치를 잘 확인해 주세요.) 조건1. 모든 요소가 가운데 정렬 되어있어야합니다. 조건2. ‘travel’ 로고는 가로 길이가 165px, 세로 길이가 58px입니다. 조건3. 'travel' 로고 위에는 80px의 여백이 있습니다. 조건4. 메뉴는 16px의 ‘Helvetica’ 폰트, 색상은 Hex값 기준 58595B, RGB 기준 (88, 89, 91)입니다. 조건5. 현재 머물러 있는 창의 메뉴의 폰트는 진하게 나옵니다. 조건6. 각 메뉴 사이의 간격은 20px이고..

노래 브리지 노래에서 브리지는 한 번만 나오기 때문에, 이번에는 클래스 대신 아이디('id')를 이용해서 노래의 브리지 부분만 연두색(lime)으로 써주세요. 이 노래에서는 "허약한 내 영혼에 힘을~" 부분이 브리지입니다. 노래에서 유일하게 조금 다른 부분이죠? 하늘을 달리다 이적 두근거렸지 누군가 나의 뒤를 좇고 있었고 검은 절벽 끝 더이상 발 디딜곳 하나 없었지 자꾸 목이 메어 간절히 네 이름을 되뇌었을 때 귓가에 울리는 그대의 뜨거운 목소리 그게 나의 구원이었어 마른 하늘을 달려 나 그대에게 안길 수만 있으면 내 몸 부서진대도 좋아 설혹 너무 태양 가까이 날아 두 다리 모두 녹아내린다고 해도 내 맘 그대 마음 속으로 영원토록 달려갈거야 내가 미웠지 난 결국 이것밖에 안 돼 보였고 오랜 꿈들이 공허한..

듀엣 가요제 혼성 듀엣곡의 가사를 보여주는 페이지를 만들어보려고 합니다. 가사의 각 부분은 태그로 나뉘어 있는데요. 클래스를 이용해서 각 부분을 다른 색으로 칠해주세요. 남자가 부르는 부분은 파란색(blue) 여자가 부르는 부분은 핑크색(hotpink) 남녀가 같이 부르는 부분은 연두색(lime)으로 바꿔주세요. 사랑보다 깊은 상처 임재범, 박정현 오랫동안 기다려왔어 내가 원한 너였기에 슬픔을 감추며 널 보내줬었지 날 속여가면서 잡고 싶었는지 몰라 너의 눈물 속에 내 모습 아직까지 남아있어 추억을 버리긴 너무나 아쉬워 난 너를 기억해 이젠 말할게 그 오랜 기다림 너 떠나고 너의 미소 볼 수 없지만 항상 기억할게 너의 그 모든걸 사랑보다 깊은 상처만 준 난 이젠 깨달았어 후회하고 있다는 걸 이젠 모두 떠나..

프로필 페이지 기본적인 HTML 태그 몇 가지를 배웠으니, 간단한 프로필 페이지 정도는 만들 수 있겠죠? 가장 좋아하는 유명 인물을 소개하는 사이트를 만들어보세요! 아래의 순서대로 요소를 넣어주세요. title 태그에 인물 이름 h1 태그에 인물 이름 img 태그에 인물 사진 (인터넷에 올라와 있는 이미지) p 태그에 간단한 설명 (b 태그와 i 태그 하나씩 포함시켜주세요.) 이 인물과 연관 있는 사이트로의 링크 (a 태그) 한 개 곰자 조승우 배우님이 입양한 강아지 이름은 곰자입니다. 본 내용은 Codeit의 '웹 퍼블리싱' 강의를 참고하여 작성한 내용입니다.

텍스트 꾸미기 연습 HTML 태그를 직접 사용해봅시다. 홈페이지가 아래 그림처럼 구현되도록, 비어있는 style 코드를 채워주세요. 태그는 가운데로 정렬하고, lime 색깔로 칠해주세요. 태그는 오른쪽으로 정렬하고, hotpink 색깔로 칠해주세요. 태그는 오른쪽으로 정렬하고, blue 색깔로 칠해주세요. 태그에는 ‘웹사이트’라는 단어가 두 번 나오는데요, 이 단어를 굵게 써주세요. 태그에 있는 글자 중 태그로 감싸진 ‘HTML’과 ‘JavaScript’ 글자의 폰트를 64px로 바꾸고, green 색깔로 칠해주세요. 내 첫 HTML 프로젝트 이름: 이윤수 이메일: yoonsoo@codeit.kr 나는 HTML을 좋아한다. 앞으로 이 강의를 듣고, 나만의 웹사이트를 만들어볼 계획이다. 코드잇과 함께라면 ..

Academe 🏫Theory01. JavascriptTheory02. NCS 평가 시험GitHub 🐸 Study 🛠Codeit;[웹 퍼블리싱 - HTML/CSS 시작하기] 01. 수업 소개 01. 서비스가 주도하는 시대에 살아남는 법02. 1분 안에 웹사이트 론칭하기03. 코딩은 어디에 하면 되나요?04. 수업 소개 [웹 퍼블리싱 - HTML/CSS 시작하기] 02. HTML/CSS 시작하기01. 나의 첫 번째 웹사이트!02. 기본 HTML 태그 정리03. 굵게 쓰기, 날려 쓰기04. 태그, 태그05. 한글이 깨져요06. CSS 기초07. 기본 CSS 속성 정리08. 텍스트 꾸미기 연습09. head, body, html 태그10. 옵셔널 태그, 꼭 써야 할까?11. 링크12. 이미지13. 사이즈 설정1..

피라미드 그리기 파라미터로 정수형 height를 받고, 높이 height인 '피라미드'를 출력해보세요. 출력 결과는 아래 템플릿을 참고하세요. public class Main { public static void main(String[] args) { ShapePrinter printer = new ShapePrinter(); // 테스트 printer.printPyramid(3); System.out.println("----------"); printer.printPyramid(5); System.out.println("----------"); printer.printPyramid(10); } } public class ShapePrinter { public void printPyramid(int he..

Academe 🏫Theory01. CSSGitHub 🐸 Study 🛠Codeit;[자바 객체 지향 프로그래밍] 03. 중간고사: 문제 해결 능력 기르기 03. 삼각형 그리기04. 피라미드 그리기Boostcourse;[쉽게 배우는 자바 2] 02. JAVA 메서드04. 메서드의 입력 05. 메서드의 출력06. 메서드의 활용07. 수업을 마치며08. 부록 (access level modifiers)09. 부록 (static) [쉽게 배우는 자바 2] Quiz 201. Quiz 2 [쉽게 배우는 자바 2] 03. JAVA 객체지향 프로그래밍01. 수업 소개02. 남의 클래스 남의 인스턴스03. 변수와 메서드04-1. 클래스 (존재 이유와 기본형식)04-2. 클래스 (형식)05. 인스턴스06. static07...

03. 삼각형 그리기 파라미터로 정수형 height를 받고, 높이 height인 '직각 이등변 삼각형'을 출력해보세요. 출력 결과는 아래 템플릿을 참고하세요. * ** *** _________ * ** *** **** ***** _________ * ** *** **** ***** ****** ******* ******** ********* ********** package Midterm.Three; public class Main { public static void main(String[] args) { ShapePrinter printer = new ShapePrinter(); // 테스트 printer.printTriangle(3); System.out.println("----------"); p..

Academe 🏫Theory01. JSP 웹 프로그래밍Theory02. HTML Study 🛠Codeit;[컴퓨터 개론 - 프로그래밍 언어 이해하기] 03. 프로그래밍 언어 Overview 01. 프로그래밍 언어의 스팩트럼02. 프로그래밍 언어의 추상화03. 프로그래밍 언어 퀴즈 404. 저수준 언어와 고수준 언어 비교하기05. 프로그래밍 언어의 종류 총정리하기06. 프로그래밍 언어의 흐름07. 특수 목적 언어 [컴퓨터 개론 - 프로그래밍 언어 이해하기] 04. 프로그래밍 언어 제대로 사용하기 01. 좋은 코드란?02. 읽기 쉬운 코드03. 스타일 가이드 활용하기04. 스타일 가이드 정리05. 스타일 가이드 적용하기06. 구조화가 잘 된 코드07. 프로그래밍 언어 퀴즈 508. 라이브러리09. 프레임워크..