out to : ~하려고 애쓰는
[예문]
A: Do you consider him an enemy?
넌 그를 적으로 여기고 있니?
B: Yes, I think for the past few days he's been out to do me harm.
응, 지난 며칠동안 나를 해치려고 했다고 생각해.
| hit bottom (0) | 2015.07.20 |
|---|---|
| drag on and on (0) | 2015.07.17 |
| after while (0) | 2015.07.15 |
| all eyes (0) | 2015.07.14 |
| not on your life (0) | 2015.07.13 |
오늘은 HTML5의 제목, 문단, 구분선을 알아보겠습니다.
기본 태그는 웹페이지를 만드는데 가장 기본이 됩니다.
차근차근 3가지를 알아보겠습니다.
1. 제목 태그
<h1>이 가장 큰 제목이고 <h1> ~ <h6>까지 지정할 수 있습니다.
보시다시피 <h1>에서부터 <h6>까지 작성한 결과는 아래와 같습니다.
2. 문단 태그
문단을 나타내는 <p>요소는 다음 요소와 하나의 빈 줄을 통해 구분시켜 주는 블록 요소입니다.
<p>와</p> 사이의 글을 보시면 결과는 아래와 같습니다.
3. 구분선 태그
구분선에는 주제와 화제 전환을 나타내는 <hr>과 <br>요소가 있습니다.
위의 결과는 <hr> 사이에 밑줄이 있고, 문장 내에 있는 <br>은 엔터를 친 것과 같은 효과와 같습니다.
이렇게 기본 태그 3개를 배웠습니다.
혹시 궁금하신 것 있으시면 댓글 달아주세요 ^^
| 테이블 요소 (0) | 2015.08.02 |
|---|---|
| HTML5 기본 태그(3) (0) | 2015.07.27 |
| HTML5 기본 태그(2) (0) | 2015.07.24 |
| HTML5 기본구조 (0) | 2015.07.13 |
| HTML5에 대하여... (0) | 2015.07.12 |
A : この近ちかくに、公衆こうしゅう電話でんわがありますか。
이 근처에 공중전화가 있습니까?
B: あっちに あります。
저쪽에 있습니다.
ちかく[近く tikaku] : 근처
こうしゅう[公衆 kousyou] : 공중
でんわ[電話 denwa] : 전화
| 뭘로 드릴까요? (0) | 2015.07.17 |
|---|---|
| 이 편지를 국제우편으로 보내고 싶습니다만. (0) | 2015.07.16 |
| 제가 몇 말씀 드려도 될까요? (0) | 2015.07.14 |
| 이 책이 있는지 확인해 주세요. (0) | 2015.07.13 |
| 왜 화내는 거지? (0) | 2015.07.12 |
after while : 잠시 후에, 조금 후에
[예문]
A: Would you like to dessert now?
디저트 먹을래?
B: No, I'll have some after while.
아니, 조금 있다가 먹을래.
| drag on and on (0) | 2015.07.17 |
|---|---|
| out to (0) | 2015.07.16 |
| all eyes (0) | 2015.07.14 |
| not on your life (0) | 2015.07.13 |
| mind one's own business (0) | 2015.07.12 |
Text editor란 단순히 Notepad와 같은 단순한 editor가 아니라 코딩에 필요한 기능을 가지고 있는 프로그램을 말합니다.
그럼 개발자들이 가장 좋아하는 Text editor는 무엇일까요?
흔히들 많이 알고 계시는 울트라 에디트, 에디터 플러스 등이 있습니다. 하지만 시중에 많이 나와 있으면서 무료로 사용할 수 있는 Notepad++ 를 제일 많이 사용하고 있습니다.
npp.6.7.9.2.Installer.exe<-- 다운 받기
Notepad++는 HTML, CSS, JavaScript, 마크업 코딩이나 스크립트 작성을 위해 만들어진 Text editor를 사용하면 시간 절약은 물론 오타에 의한 프로그램 에러를 많이 줄일 수 있습니다.
이 많은 장점에서 불구하고 아쉬운 점이 있다면 한글 입력에서 자음 모음이 화면에 바로 표시되지 않고 완성된 후에 표시가 된다는 점입니다.
Notepad++ 의 실행 모습은 아래와 같습니다.
| 윈도우7 USB 부팅디스크 만들기 iso 파일 (0) | 2015.07.25 |
|---|---|
| 윈도우XP 그림판 (0) | 2015.07.23 |
| 파비콘 만들 수 있는 홈페이지 (0) | 2015.07.20 |
| 무설치 웹 포토샵 픽슬러 (0) | 2015.07.20 |
| 소스 비교 툴 WinMerge (0) | 2015.07.16 |
A : 私(わたし)が 何点(なんてん)か 申(もうし)上(あ)げても よろしいですか。
제가 몇 말씀 드려도 될까요?
B: それで、おっしゃりたいことは 何なんですか
지금 비가 오고 있다.
もうしあげる[申(し)上げる] [하1단 타] 말씀드리다
よろしい [형] 나쁘지 않다, 괜찮다
それで [접] 그래서おっしゃる [5단 자] 말씀하시다. ※ 言(い)う iu (=말하다)’의 높임말
| 이 편지를 국제우편으로 보내고 싶습니다만. (0) | 2015.07.16 |
|---|---|
| 이 근처에 공중전화가 있습니까? (0) | 2015.07.15 |
| 이 책이 있는지 확인해 주세요. (0) | 2015.07.13 |
| 왜 화내는 거지? (0) | 2015.07.12 |
| 이 책이 있는지 확인해 주세요 (0) | 2015.07.11 |
all eyes : 눈을 크게 뜨다, 눈이 휘둥그래지다
[예문]
A: Did your kids enjoy their trip to the zoo?
네 아이들은 동물원 구경을 즐거워 했니?
B: Yes, and they were all eyes especially during the penguin show.
응, 특히 펭귄 쇼에서 눈이 휘둥그래졌어.
| out to (0) | 2015.07.16 |
|---|---|
| after while (0) | 2015.07.15 |
| not on your life (0) | 2015.07.13 |
| mind one's own business (0) | 2015.07.12 |
| blow a fuse (0) | 2015.07.11 |
이제 본격적으로 HTML5의 기본구조부터 시작하겠습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Nickoo's Blog</title>
</head>
<body>
HTML5 공부 시작
</body>
</html>
위와 같은 구조로 되어 있습니다. 한개씩 간단히 살펴보면 아래와 같습니다.
<!DOCTYPE html>
웹 표준으로 마크업하는 가장 기본적인 사항은 '문서형의 선언'입니다. HTML 문서의 최상단에 쓰며 HTML 버전에 따라 차이가 있습니다. 제 블로그는 전부 HTML5의 문서형을 기본으로 하겠습니다.
<html lang="ko">
웹 문서 작성에서는 언어지정은 필수입니다. HTML에서 지정할 수 있는 언어는 대략 150여개 정도이며 제일 많이 사용하는 언어는 한국어(ko), 미국영어(en-us), 영국영어(en) 등이 있습니다.
전체 언어 목록은 여기 를 확인해주세요.
<meta charset="UTF-8">
문서를 시작하면 문자 코드셋을 지정해야 합니다. 1바이트를 사용하는 영문의 경우는 크게 상관이 없지만, 한글이나 한자같은 경우에는 2바이트 혹은 3바이트로 늘어나는 부분을 표현하기 위해서 지정해야 합니다.
<head>
</head>
머리말 부분으로 브라우즈 정보, 메타 정보, 스크립트, 스타일 시트 등의 요소를 포함할 수 있다.
ex) <title>, <base>, <meta>, <style>, <link>, <script>
<title>Nickoo's Blog</title>
브라우저 툴바의 제목을 나타내는 것과 즐겨찾기에 추가될 때 페이지 제목이 되는 부분입니다.
<body>
HTML5 공부 시작
</body>
홈페이지의 내용이 들어가는 부분입니다.
위와 같이 설정하여 아래와 같은 결과를 얻었습니다.
| 테이블 요소 (0) | 2015.08.02 |
|---|---|
| HTML5 기본 태그(3) (0) | 2015.07.27 |
| HTML5 기본 태그(2) (0) | 2015.07.24 |
| HTML5 기본 태그(1) (0) | 2015.07.15 |
| HTML5에 대하여... (0) | 2015.07.12 |
html5_1.html
