ALL

HTML CSS 링크(link) 작성 방법 예제

HTML에서 링크를 작성하는 방법을 알아보겠습니다.그리고 작성한 링크를 CSS로 디자인 하는 방법도 알아보겠습니다.링크 작성해 보기URL을 클릭하면 지정한 사이트나 페이지로 이동하도록 링크를 붙여보겠습니다.<!DOCTYPE html><html lang="kr"> <head> <meta charset="UTF-8"> <title>테스트</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>웹 사이트</h1> <p>이 웹 사이트는 테스트를 위한 사이트입니다. <br> ...
ALL

HTML CSS 텍스트 문자열 작성 방법 예제

HTML에서 문자를 입력하는 방법을 알아보겠습니다.그리고 입력한 문자를 CSS 사용해 디자인 하는 방법도 알아보겠습니다.텍스트에 관한 HTML과 CSS텍스트에 대해 HTML과 CSS를 조금 더 파고들어 가보겠습니다.저번에 작성한 HTML의 body 안을 일부 삭제해 다음과 같이 준비합니다.<!DOCTYPE html><html lang="kr"> <head> <meta charset="UTF-8"> <title>테스트</title> <link rel="stylesheet" href="style.css"> </head> <body> <...
ALL

HTML CSS 이미지 삽입 방법 예제

HTML에서 이미지를 삽입하는 방법을 알아보겠습니다.그리고 CSS사용해 삽입한 이미지 크기를 조절하는 방법을 알아보겠습니다.이미지 삽입하기웹 사이트는 텍스트만이 아닌 이미지도 표시하는 경우가 많습니다.다음은 페이지에 이미지를 삽입해 보겠습니다.그러기 위해서는 우선 이미지를 준비해두어야 합니다. 폴더 안에 라는 이름으로 폴더를 작성합니다.다음에는 좋아하는 이미지를 준비하고 라는 이름으로 저장해 둡니다.저장 장소는 방금 전에 만들 폴더입니다.다음으로는 html 파일에 코드를 작성해 보도록 하겠습니다.<!DOCTYPE html><html...
ALL

HTML CSS id와 class 사용 방법 예제

HTML에서 CSS를 작성할때 id와 class를 사용해 디자인을 적용할 수 있습니다.css에서 id와 class를 사용하는 방법을 알아보겠습니다.id 와 class 사용하기HTML에는id나class를 사용해서 지정한 장소만 스타일을 적용할 수 있습니다.id는 같은 이름을 동일 페이지 안에서 여러 곳에 사용할 수 없습니다.한 곳만 사용 가능합니다.class는 동일 페이지 안에서 몇 번이라도 사용 가능합니다.<!DOCTYPE html><html lang="kr"> <head> <meta charset="UTF-8"> <title>테스...
ALL

HTML CSS 적용 방법 예제

HTML에서 글과 배경에 또는 사이트 전체를 디자인 하기 위해서는 CSS를 사용합니다.CSS를 HTML에서 사용 하는 방법을 알아보겠습니다.CSS로 페이지를 꾸며 보기웹 사이트가 검은색 글씨로만 되어있다면 허전해 보이기도 합니다.이번에는 CSS를 작성해서 페이지를 꾸며 보도록 하겠습니다.기본적으로CSS코드는 다른 파일에 작성합니다.새로운 파일을 열고 다음과 같이 작성합니다.@charset "UTF-8";이번에도 로 지정합니다.CSS 파일은 제일 처음 @기호로 작성합니다.@charset "UTF-8";h1 { }CSS에서 요소를 지정...
ALL

HTML body 사용 방법 예제

HTML body 사용 방법과 작성 방법을 알아보겠습니다. body 요소에 콘텐츠 내용을 작성body 요소는실제 웹 페이지로 내용을 작성하는 곳입니다.<!DOCTYPE html> <html lang="kr"> <head> <meta charset="UTF-8"> <title>테스트</title> </head> <body> <h1>웹 사이트</h1> </body> </html> <h1> 태그는 제목 요소입니다. 제목 요소가 있고 그 밑에 문장들을 작성하는 것이 기본적인 구조입니다.h는이 약자입니다.제목 요소는h1 > h2 > h3 >...
ALL

HTML/CSS head와 태그란 사용 방법

HTML과 CSS에 대해 알아보도록 하겠습니다.HTML과 CSS 란, 마크업 언어로써 웹 사이트를 만들기 위한 필수 언어입니다.HTML은 골조, 뼈대와 같은 의미로 볼 수 있고, 그것을 장식하는 것이 CSS입니다.처음에는 조금 어려울지도 모르지만 익숙해지면 그렇게 어려운 것도 아닙니다.익숙해지기까지 시간이 걸리지만요.전혀 지식이 없지만 웹 사이트를 처음부터 만들고 싶거나, 블로그를 커스터마이즈 하고 싶은 분들은 한 번 읽어보셔도 괜찮을듯합니다.입문자분들을 위한 내용이기 때문에 어느 정도 지식이 있는 분은 지루할지도 모릅니다.여기에서...
ALL

구글 스프레드시트 IF 조건 여러개 AND OR 사용 방법

구글 스프레스시트에서 IF 조건문에 조건을 여러 개 설정하는 방법을 알아보겠습니다.조건을 여러 개 지정하기 위해서는 AND 또는 OR 함수를 사용합니다.AND 함수는 여러 개 조건을 모두 만족하고 있는지 확인하고 싶은 경우에 사용합니다.OR 함수는 여러개 조건 중 하나라도 일치하는 경우가 있는지 확인하고 싶은 경우 합니다.AND여러 개 조건을 모두 만족하게 하고 싶은 경우에 사용하는 함수인 AND 함수 사용 방법을 보겠습니다.작성 방법은 아래와 같습니다.AND(조건1, 조건2, 조건3 ...)결과값으로는 AND에 작성한 조건을 모두...
ALL

일본 택시 요금 계산기 요금 확인 사이트

일본은 택시 요금이 매우 비싼편입니다.기본 요금 410엔기본 거리 1,052km추가 요금 237m당 80엔심야 할증 저녁 10시 ~ 새벽 5시 20% 할증​​​<사진 출처 : 구글 재팬 이미지>가까운 거리를 여러명이서 이동하는 경우에는 부담이 조금은 덜 하지만 먼 거리를 혼자서 이동하게 된다면 매우 부담 될 수 있는 요금입니다. 만약에 나리타 공항에서 신주쿠역까지 택시를 타고 이동하게 된다면거리는 71km, 걸리는 시간은 1시간 10분, 요금 2만 2천엔 정도입니다.참고로 시간대에 따라 걸리는 시간이 다를 수 있습니다.출퇴근 시간에...