qOOp

메타태그, 글자가 깨어진다면 Charset를 확인하라HTML 문서 작성시에 에 코딩을 하는 중요한 부분이 있습니다. Meta Tag(메타 태그)입니다. 메타 태그 중에는 description, keywords, author 등도 있지만, 가장 먼저 코딩을 해야 하는 것이 charset 이며, 상당히 중요한 것 중의 하나입니다.메타 태그는 HTML 문서의 head 헤드 부분에 포함이 되어, 문서에 직접적으로 나타나지는 않지만, 해당 문서의 정보를 제공하는 태그입니다. 네이버, 다음, 구글과 같은 검색의 노출을 보다 효과적으로 하기 위해서는 반드시 포함시켜야 하거나, 문서가 어느 나라 언어로 되었는지도 알려줍니다. 물론 메타 태그를 사용하지 않는다고해도 보여지는 화면상에서는 이상이 없지만, 반드시 포함을 시..

DOCTYPE 란 무엇인가?HTML은 , 형식으로 보다 먼저 선언이 됩니다. 그럼, Doctype는 무엇일까요?HTML은 한 종류가 아니라, 여러 종류의 HTML이 있습니다. HTML 4.01 Strict, HTML 4.01 Transitional, XHTML 1.0 등입니다. 이러한 유형에 따라서 같은 코딩을 하더라도 html 파일 실행시에 다른 결과 화면으로 나타나며, Doctype 선언했을 경우와 선언하지 않았을 경우, 브라우저에 따라서 다르게 출력이 됩니다. 한국에서는 한때 Doctype을 선언하지 않은 경우도 많았지만, HTML의 각 버전과 HTML5까지 이르면서 Doctype을 선언하는 것이 해당 버전의 올바르게 출력하기 위해 필요해졌습니다. Document Type Definition, DT..

HTML 작성시 가장 중요한 head -> title (헤드, 타이틀)지난번에 말씀을 드린바와 같이 HTML은 html, head, body 로 이루어져 있습니다. 파일을 선언하는 html 에 head 와 body가 포함이 되어서 HTML 파일을 구성하게 됩니다.먼저 head 부분을 설명을 드리겠습니다. head 부분에는 html의 문서의 타이틀(title, 제목)과 메타테그, 스타일시트, 자바스크립트등 실제 html 파일에서는 나타나지 않지만, html 파일을 실행시키거나, 네이버, 구글 검색과 같은 사이트의 로봇이 html 파일의 정보 수집이 가능하도록 파일 정보의 등록이 가능한 부분입니다.실제 html 파일의 실행시에 눈에 보이지 않는다고 소홀하게 생각하는 경우가 많은데, html 파일 작성시에 가..

HTML의 구조, HTML은 html, head, body 로 구성되어있다. HTML은 html, head, body 로 구성이 되어 있습니다. HTML 페이지를 작성시에는 가장 먼저 html, head, body 를 먼저 코딩 후 추가적으로 코딩을 하는 것이 좋습니다. HTML 코딩에 익숙하신 분이라면, 자신이 편한 방법으로 HTML을 코딩하면 되지만, 처음 배우시는 분, 익숙하지 않으신 분이라면, html, head, body 를 먼저 코딩후에 추가적으로 코딩을 하시는 것이 좋습니다.왜냐면, html, head, body 태그가 HTML 문서에서 가장 중요하기 때문이지요. 요즘은 브라우저가 너무 똑똑해서 대충 코딩을 해도 상관이 없지만, 배우는 입장이라면 위와 같이 코딩을 한 후 추가적으로 코딩을 하..

HTML 시작하기 HTML은 웹페이지를 작성하기 위해 드림위버와 같은 위지윅 툴을 사용해도 되지만, 처음 HTML을 접하는 분이라면 툴보다는 직접 코딩을 하시기를 권해드립니다. 직접 코딩을 함으로써, 나중에 응용을 하기가 용이하기 때문입니다. HTML5가 대세인데, 꼭 HTML을 해야하나요?HTML5도 HTML과 기본적인 문법은 동일하며, 최근의 모바일 관련 태그가 추가되고, 이전의 HTML에서 사용되었으나 많이 사용하지 않았던 태그들이 사라졌을뿐, 기본적인 틀은 동일 하다고 생각하시면 됩니다. 기본 HTML을 잘 하시면, HTML5를 배우는 것은 새롭게 추가된 태그만 더 공부하시면 쉽게 가능합니다.먼저 HTML을 코딩하기 위해서는 텍스트 에디터를 실행합니다. 혹시 텍스트 에디터가 준비되지 않은 분이라면..

무료 텍스트 에디터 노트패드++ (Notepad++) 설치 HTML을 이용하여 웹사이트 제작시에 필요한 텍스트 에디터. HTML 뿐아니라 PHP, ASP, C, C++ 등 프로그래밍을 하는 개발자라면 많이 사용하고 있는 텍스트 에디터입니다. 텍스트 에디터는 유료 에디터와 무료 에디터가 있으며, 노트패드++은 무료 텍스트 에디터입니다.노트패드++http://notepad-plus-plus.org/ 에서 무료로 다운로드 가능합니다.현재 6.7.1 버전까지 출시가 되었습니다. 다운로드시에는 최신 버전을 다운로드 하시면 됩니다.노트패드++ 설치하기프로그램만 다운로드 받으면, 설치는 어렵지 않습니다. 1. 보안경고윈도우를 사용하시는 분이라면, 프로그램 실행시에는 보안 경고창이 나타납니다. Run (실행)을 클릭합..

HTML 이란 Hyper Text Markup Language!웹사이트 (PC버전, 모바일버전) 를 만들기 위해서는 반드시 알아야 하는 웹언어입니다. 하이퍼텍스트 마크업 랭귀지의 약자로서 현재는 HTML5 까지 발전하였습니다. PHP, ASP, JSP, JAVA, C, C+ 등 다른 PC 언어보다는 쉽게 배울수가 있어으며, 특별한 제작툴이 없어도 HTML을 배울수 있다는 것이 강점이 아닐까 생각합니다.HTML을 배우기 위해서는 어떤 준비물이 필요할까요?HTML의 웹사이트를 작성하기 위해서는 드림위버와 같은 위지윅 툴을 사용할 수도 있지만, 툴이 없어도 HTML 웹페이지를 작성을 할 수가 있습니다. 윈도우에 포함되어 있는 메모장 즉, 텍스트 에디터만 있으면, 웹사이트 제작이 가능합니다. 즉, 윈도우만 있으..

아이피타임 공유기 웹서버 설정하기 아이피타임 공유기는 일반적으로 아이피 공유기능을 통한 와이파이 접속 이외에도 많은 기능을 가지고 있습니다.VPN 기능을 이용하여, 아이피를 우회한다던지, WOL 기능을 이용하여 원격으로 PC 전원을 켠다던지...일반인들은 잘 사용하지 않겠지만, 일반 가정의 PC를 웹서버로도 이용이 가능합니다. 웹서버를 이용하기 위해서는 사전에 IIS와 아파치와 같은 서버가 PC에 설치가 되어 있어야 합니다. 웹서버 설정하기여기서는 웹서버가 설치가 되어있다고 가정을 하고, 아이피타임 공유기 설정에 대해서만 설명을 드리겠습니다.웹서버 설치를 원하시는 분은 무료로 제공을 하는 AMP 설치 등으로 검색을 하시면 쉽게 웹서버 설치가 가능합니다. AMP란 웹서버인 Apache, DB서버인 MySQ..

CSS 영어, 일본어, 한글 폰트 동시에 적용하기 한글과 영어, 일본어의 폰트를 동시에 적용할 수 있을까? 라고 오래전에 생각을 한적이 있었는데, 그 당시에는 힘들었습니다. 문제는 인코딩의 문제로 인해서...요즘이야 많은 사이트의 인코딩을 UTF-8 을 사용하여, 동일한 페이지에 영어, 일본어, 중국어, 한글을 동시에 사용해도 글자가 깨어지지 않지만, UTF-8을 사용하기 이전에는 불가능했습니다. 한글과 영어를 함께 사용하는 것은 물론 가능했지만, 한글 + 일본어, 한글 + 중국어, 중국어 + 일본어 등으로 사용하는 것은 어느 한쪽의 글자가 깨어져서 사용을 하지 못했습니다. 그러나 요즘은 UTF-8의 사용으로 인해서 동일한 페이지에 여러나라의 글자를 한번에 사용이 가능해져 많이 편리하게 되었습니다. 인코..

이미지, 각종 문서를 PDF 파일로 변환하는 doPDFPDF파일로 변환하여 사용하는 이유는 다양할 것입니다. 많은 이유 중 PDF 파일을 사용하는 대표적인 이유는 현재 사용하고 있는 PC에 해당 프로그램이 설치되어 있지 않을 경우, 해당 파일을 열어 볼수가 없다는 것입니다. 즉, 파일은 있지만 파일을 열어볼수 없어 파일은 무용지물이 된다는 것이지요.예를 들어 일반 문서중 대표적으로 많이 사용하는 한글과 MS워드의 경우, 한글 파일을 누군가로 부터 메일을 통하여 받았습니다. 파일명은 xxxx.hwp 그러나 현재 사용하는 PC에는 한글 프로그램이 설치가 되어있지 않을 경우에는 이 xxxx.hwp 파일을 열어 볼수가 없습니다. 물론, hwp viewer 를 설치하거나, 한글 프로그램을 설치를 하면 당연히 열어..