하늘과 나의 IT 이야기

CSS(Cascading Style Sheet) CSS(Cascading Style Sheet)는 웹이 어떻게 보여질 것인지를 담당하는 언어로, 웹의 표현을 제어합니다. CSS를 도입함으로써 얻을 수 있는 장점은 웹 페이지의 경량화, 쉬운 유지 및 보수를 들 수 있습니다. CSS의 연결 CSS를 HTML에 연결하는 방법으로 1. Link Type : 외부 파일로 분리 2. Embedded Type : HTML 파일 내에 Style Sheet 부분을 포함 3. Inline Type : HTML 요소 안에 직접 지정 [알아두기] CSS를 HTML에 연결하는 방법 1. 링크 타입(Link Type) : 별도의 CSS파일을 만들어 연결하는 방법 2. 임베디드 타입(Embedded Type) : HTML 파일 내..

최근 HTML5에 대한 관심이 높아지고 있는데요. 여러분은 HTML5에 대해서 많이 들어보셨는지 모르겠습니다. 이번 포스팅에서는 HTML5에 대한 적용지수를 표시해주는 웹사이트가 있어 이를 소개하려고 합니다. 여러분이 사용하고 있는 웹브라우저에서는 HTML5를 얼마나 지원하는지 점수로 확인해 보세요 당신이 사용하고 있는 웹브라우저는? 여러분은 어떤 웹브라우저를 이용하고 계시나요? 우리나라의 경우 많은 사람들이 마이크로소프트에서 발표한 인터넷 익스플로러(Internet Explorer)를 사용하고 있는데요. 최근에는 크롬이나 파이어폭스를 사용하는 분들이 많아지고 있는 추세라고 하네요. 그냥 말로 하면 모르니까 현재 웹브라우저 점유율을 보여주는 사이트는 어디없나 찾아보았습니다. 좋은 사이트가 있더라구요. 바..

태그에 대해서 알아보도록 하겠습니다 태그는 서식 요소를 생성합니다. 태그에 대해서 정리

태그에 대해서 알아봅시다. 태그는 사용자가 작성하여 서버로 제출할 수 있는 서식 영역을 생성하는 요소입니다. 태그에는 어떤 속성을 지정할 수 있나요? 태그에는 아래와 같은 속성을 지정할 수 있습니다.

중1학년 단어퍼즐 (2) Across 2 _____ hands 손을 씻다 3 Turn _____ the radio. 라디오를 꺼라. 4 The game _____d us. 그 경기는 우리를 흥분시켰다. 6 I ____ to school every day. 나는 매일 학교에 걸어간다. 8 Jane is my _____. 제인은 나의 딸이다. 10 _____ is my favorite subject. 역사는 내가 가장 좋아하는 과목이다. 11 Let's go to the _____. 도서관에 가자. 13 foreign _____ 외국어 14 I'm very _____d. 나는 매우 피곤해. Down I get up _____ 일찍 일어나다 V What do you _____? 네가 원하는 게 뭐야? I u ..

중1학년 단어퍼즐 (1) Across 3 Please _____ me the apple. 그 사과를 제게 주세요. 5 I go to school by _____. 나는 자전거로 학교에 간다. give and _____ 주고받기 7 Have a g _____ time! 좋은 시간 보내! 8 _____ you play the piano? 피아노 칠 수 있니? 9 Washington D. C. is the capital of A . 워싱턴은 미국의 수도이다. 11 _____ a new house 새 집을 짓다 13 I _____ so. 나는 그렇게 생각해. Down I b at 10 page 10쪽부터 시작하다 III Let's _____ up the classroom! 교실 청소하자! IV Are you _..

윈도우 7에는 무비메이커(Movie Maker)가 기본적으로 포함되어 있지 않습니다. 개인적으로 윈도우 XP에서 무비메이커를 많이 사용했기에 윈도우7에서도 기본적으로 포함되어 있지 않았을까라는 생각을 했었는데요. 따로 설치해야 한다는 사실을 알게 되었습니다. 윈도우7에서 무비메이커 설치하기 이번에는 윈도우7에서 무비메이커 설치를 해보도록 하겠습니다. 설치하기에 앞서] 무비메이커 설치를 위해서는 아래의 경로로 이동해야 합니다. http://explore.live.com/windows-live-movie-maker 무비메이커를 설치하기 위해서 위의 보이는 경로를 클릭하면 아래와 같은 화면이 나옵니다. 설치를 위해 [지금 다운로드] 버튼을 클릭하면 아래와 같이 이 파일을 실행 또는 저장하시겠습니까?라고 묻는 ..

이번 강좌에서는 HTML Element Level 이라는 것에 대해서 한번 설명해 드리고자 합니다. 태그들은 크게 Block Level Element와 Inline Level Element로 구분됩니다. 무엇이 다른가요? 두 요소가 무엇이 다른지 설명드리자면 종 류 설 명 태 그 Block Level Element 여는 태그로 시작하거나 닫는 태그로 끝날 때 줄바꿈이 되는 것 , , 등 Inline Level Element 여는 태그로 시작하거나 닫는 태그로 끝날 때 줄바꿈이 안되는 것 , , 등 하지만 이 것은 CSS를 사용해서 변경할 수 있습니다. Block Level Element에는 다른 Block Level Element나 Inline Level Element를 포함할 수 있지만, Inline ..

이 DOCTYPE은 반드시 쓰지 않아도 큰 문제는 없습니다. 하지만 이 DOCTYPE을 선언해줌으로써 브라우저가 좀 더 빠르고 정확하게 문서를 분석하여 표현해주며, 제작도구에서도 이 선언에 따라 문서에 제약을 걸어 정확한 표현을 해줄 수 있도록 해줍니다. DOCTYPE XHTML의 DOCTYPE은 strict, transitional, frameset의 세 종류로 이루어져 있으며, HTML 문서 최상단에 어떠한 요소보다 우선적으로 선언되어야 합니다. 그래야 웹브라우저에서 DOCTYPE을 구분할 수 있습니다. XHTML 1.0 Strict dtd strict dtd는 XHTML을 엄격하게 적용하는 규칙입니다. 경우에 따라서는 HTML 4.01 기반에서 사용하던 태그를 사용하지 못하는 경우도 있습니다. XH..

오늘은 Javascript의 getElementById()를 사용한 예제를 한번 보도록 하겠습니다. 실행화면 이 예제는 링크1을 누르면 링크1을 숨기고 링크2를 보이게 하고 링크2를 누르면 링크1을 보이게 하고 링크2를 숨기는 예제입니다. 실행하면 아래와 같이 나옵니다. 링크2를 누르면 아래와 같이 나옵니다. 그러면 이제 소스를 한번 살펴볼까요? 소스 보기 이 예제는 링크1을 누르면 링크1을 숨기고 링크2를 보이게 하고 링크2를 누르면 링크1을 보이게 하고 링크2를 숨기는 예제입니다. 링크1 링크2