스타일시트 이야기 다른 글 [CSS] 스타일시트 1편 -스타일 시트(Style Sheet)란? [CSS] 스타일시트 2편 - 스타일의 우선순위와 셀렉터 사용법 스타일시트 2편 - 스타일의 우선순위와 셀렉터 사용법 스타일의 우선순위 앞의 스타일 시트(Style Sheet)란? 포스트에서 페이지 내에서 스타일을 적용하는 방법은 다음과 같이 3가지의 방법이 있다고 설명하였습니다. 1. 외부 스타일시트를 불러오는 방법 2. style 요소를 사용해서 HTML 문서 안에 삽입하여 설정하는 방법 3. style 속성을 사용해서 태그에 직접 스타일을 적용하는 방법 위의 방법대로 할 수 있기 때문에 하나의 문서에 여러가지 스타일이 설정되어 중복으로 사용될 수 있는데 이러한 경우를 위해 스타일에는 기본적으로 우선순위가 ..
스타일시트 이야기 다른 글 [CSS] 스타일시트 1편 - 스타일 시트(Style Sheet)란? [CSS] 스타일시트 2편 - 스타일의 우선순위와 셀렉터 사용법 HTML/CSS 이야기 스타일 시트(Style Sheet)란? 스타일시트(Style Sheet)란? 기존 HTML의 경우를 보면 폰트, 색상, 크기등을 일일히 적어 주어야 하는 불편함이 있었는데 일일히 입력을 하다보니 시간과 노력이 엄청나게 들어갔었습니다. 이 단점을 극복하기 위해서 만든 것이 바로 스타일시트(Style Sheet)라는 것입니다. 스타일시트를 사용하면 다음과 같은 장점이 있어요 스타일시트의 장점 1. 웹페이지 관리가 쉬워져요 2. 웹페이지를 전보다 멋지게 꾸밀 수 있어요 3. 로딩 시간이 줄어들어요 스타일시트의 기본 형태 이어서 ..
HTML의 시작 HTML을 시작하기에 앞서 가장 궁금한 것은 바로 HTML이 무엇을 하는 녀석인가죠. 그래서 준비했습니다. HTML은 Hyper Text Markup Language 의 약자에요. 그리고 파일명에서의 확장자는 htm과 html로 끝나죠. HTML은 웹 브라우저에서 페이지를 어떻게 보여줄지 작성할 수 있어요. 그럼 HTML에 대해 정리해 보죠. - Hyper Text Markup Language의 약자 - 확장자로 htm 또는 html을 가지는 파일 - 웹 브라우저에서 페이지를 어떻게 보여줄지 작성 가능 - 간단한 문서 편집기로 편집 가능 설명만 들으면 심심하니까 그러면 다음과 같이 소스를 만들어서 테스트를 해보죠. test.html이라는 파일을 만들고 다음과 같은 내용을 입력해요. Th..
AJAX 이야기 AJAX 예제(AJAX Example) 서버에서 수신한 데이터 :
HTML 이야기 HTML 그 두 번째 이야기 HTML 태그에 대해서 알아보죠. - HTML 태그는 로 둘러싸여 있어요. 예를 들면 이렇게요. 또 각각의 태그들은 시작하는 태그가 있으면 끝내는 태그가 있어요. 이렇게 쌍으로 존재해서 그 안에 내용을 입력하게끔 되어 있어요. 또 대소문자를 가리지 않아요. 와 는 같은 의미에요. HTML 태그라는 녀석에 대해 정리해 보죠. - HTML 태그는 로 둘러싸여 있다. - HTML 태그는 쌍으로 존재한다. - 대소문자를 구분하지 않는다. 다음 소스를 보도록 하죠. TEST 이 소스에서 태그 시작 부분은 이고 태그의 내용은 TEST이며 태그의 끝 부분은 임을 보여주고 있습니다. 왜 우리는 소문자로 이루어진 태그를 사용해야 할까? 앞에서 태그에 대해서 이야기할..
HTML 이야기 HTML 글씨에 효과주기 글씨에 효과주기 태그 설명 굵게 크게 강조 이탤릭 작게 굵게 Defines subscripted text Defines superscripted text Defines inserted text Defines deleted text Deprecated. Use instead Deprecated. Use instead Deprecated. Use styles instead 특수문자들 특수문자 출력코드 특수문자 출력코드 특수문자 출력코드 > & & † " " ⓒ © ‰ ® ® 공백 Ÿ ™ ™ ! ! ¡ ¡ § § " ' ¢ ¢ æ æ * * ¤ ¤ ¿ ¿ = = ¥ ¥ × ×
우리말 이야기 틀리기 쉬운 맞춤법 1. 으로/므로 일반적인 형식은 다음과 같이 사용합니다. "~때문에" 의 뜻일 경우 + "므로" "~하는 것으로"의 뜻일 경우 + "ㅁ+으로" 맞는 예) 부재중이므로 전화를 받을 수 없습니다. -> "~때문에"의 뜻이므로 "이므로"가 사용 편지를 보냄으로 대신한다. -> "~하는 것으로"의 뜻이므로 "ㅁ+으로"가 사용 틀린 예) 바쁨으로 깜박 잊었다.(X) 혼잡함으로 후문을 이용해 주십시오.(X) 2. 되다/돼다 "돼"라는 말은 "되어"를 줄일 말입니다. "돼다"라는 말을 풀어보면 "되어다" 가 되는데 아무리 봐도 어색합니다. 맞춤법상 틀린 말입니다. "됐다"라는 말을 풀어보면 "되었다."가 되는데 이는 맞는 말입니다. 그럼 자주 사용하는 예를 들어보겠습니다. 맞는예) ..
컴퓨터 이야기 네트워크 용어 정리 - Internet과 IntraNet 그리고 ExtraNet IntraNet은 일정 범위 내에서 사용하는 인터넷(예: 회사) ExtraNet은 인트라넷과 거의 유사하지만 IntraNet에서 예로 든 회사외에 협력 회사나 고객등에게 사용할 수 있도록 한 것 - LAN과 WAN LAN(Local Area Network) : 한정된 공간안에서 네트워크를 구성하는 경우 WAN(Wide Area Network) : 멀리 떨어진 지역을 서로 연결하는 경우 - 이더넷과 토큰링 이더넷과 토큰링은 네트워킹의 한 방식, 네트워크 구성 방법이라고 생각하자. 이더넷에서의 통신 방식 CSMA/CD(Carrier Sense Multiple Access/Collision Detection) CS(..
컴퓨터 이야기 IP 이야기 IP 이야기 IP에 대한 이야기를 해보고자 합니다. 인터넷을 하면서 수없이 들어보는 용어들 중에서 IP라는 녀석이 있습니다. 이 IP는 다음과 같은 이진수 32비트의 형태로 사용하도록 정해져 있습니다. xxxxxxxx.xxxxxxxx.xxxxxxxx.xxxxxxxx 이렇게 x라고 표시한 이유는 하나의 x당 0 또는 1(이진수이기 때문이죠) 들어갈 수 있기 때문에 이렇게 표시를 했습니다. 예를 들면 다음과 같습니다. 11111111.11111111.11111111.11111111 한번 1의 갯수를 세어 볼까요? 세어보면 총 32개임을 알 수 있습니다. 우리는 이 32개의 이진수로 인터넷을 사용할 수 있게 되는 것이지요. 32개의 이진수를 보기 좋게 하기 위해서 8자리마다 점(.)..
- Total
- Today
- Yesterday
- W3Schools Online Web Tutorials
- 구차니의 잡동사니 모음
- [IT]블로거팁닷컴
- 비앤아이님의 블로그
- Blog Suspect
- 즐거운하루 blog
- zinicap의 검색엔진 마케팅(SEM)
- 머니야머니야님의 블로그
- [Friend] AtinStory
- [기타배우기]해브원 박스
- [웹표준] SINDB.com
- 해커 C 이야기
- [애드센스] 길라잡이
- 정순봉의 IT SCHOOL
- 씨디맨의 컴퓨터이야기
- 2proo Life Story
- 못된준코의 세상리뷰
- [IT강좌] 정보문화사
- IN 대전
- 에우르트는 나쁜남자 -_-
- 씬의 싱크탱크
- 엔돌슨의 IT이야기
- 진이늘이
- 'Cooltime'의 블로그
- 후이의 Tistory
- Soulstorage
- 앤드&엔드의 블로그
- June Blog
- 노지의 소박한 이야기
- gbWorld
- 인터넷 속 나의 생각
- HarshNix
- ART of WEB
- 녹두장군 - 상상을 현실로
- 강좌
- 모토로이
- MBTI 검사
- C
- 효과음
- 인터넷 익스플로러
- 소스코드
- 프로그래밍
- It
- MBTI
- 안드로이드
- JavaScript
- 안드로이드 어플
- 소스
- MBTI 자료
- 예제 소스
- MBTI 테스트
- C언어 문제
- 성공
- 스마트폰
- C언어 소스
- 인터넷
- php
- MBTI 강좌
- 리뷰
- C언어
- HTML
- 안드로이드 어플 추천
- 프로그래밍 문제
- 강의
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |