HTML 파일 여는 법(웹&소스 확인하기) HTML 파일을 연다는 것은 두 가지 다른 의도를 포함하고 있습니다. 웹 환경에서 실행된 모습으로 여는 것과 편집 툴에서 소스를 여는 것입니다. 그럼 이 두 가지 모두 알아보도록 하겠습니다. 1. 브라우저를 통한 웹 환경으로 실행된 모습으로 열기 2. 코딩 소스 확인을 위한 편집 툴에서 열기 3. 웹 환경에서 실행된 모습과 편집 툴에서의 차이 확인하기 브라우저를 통한 웹 환경에서, 실행된 모습으로 열기 크롬, 인터넷 익스플로러 등과 같은 브라우저가 설치된 PC에서는 HTML 파일을 그냥 더블클릭하게 되면 자동으로 기본 연결되어 있는 브라우저를 통해 열리게 됩니다. 만약 열리지 않는다면 수동으로 연결시켜주는 방법을 통해 열어 볼 수 있습니다. 수동으로 여는 두 가..
HTML 문서의 기본 구조 HTML 문서를 작성하기 위해서는 먼저 기본 구조에 대하여 알아야 합니다. HTML 문서의 골격 즉, 기본이 되는 구조는 크게 4가지로 구분됩니다. 1. 이 문서는 html 문서이다라고 선언하는 → 2. html 문서의 시작과 끝을 나타내는 → 3. html 태그 안에 위치하여 문서의 머리 부분을 정의하는 head 태그 → 4. html 태그 안, head태그 아래에 위치하여 문서의 몸통 부분을 나타내는 body 태그 → 이 중 코딩의 핵심이 되는 부분은 두 가지 부분입니다. 문서의 머리 부분인 head 부분과 문서의 몸통 부분으로 문서의 실제 내용을 포함하는 body 부분이죠. 본문(텍스트, 이미지, 동영상, 자바스크립트 등) head 부분 웹브라우저의 타이틀에 나타나는 내용..
HTML 태그란 무엇인가 웹 프로그래밍을 공부할 때 가장 먼저 배우는 것 중 하나가 HTML 태그입니다. 그렇다면 이 HTML 태그는 무엇인지 알아보도록 하겠습니다. Hyper Text Markup Language 이란 Hyper 건너 편의, 초월이라는 뜻의 단어와 Text가 합성되어 만들어진 인터넷 관련 용어입니다. 즉, 흔히 알고 있는 하이퍼링크(참조)를 통해 문서에서 다른 문서로 접근할 수 있는 텍스트입니다. 마크업(Markup) 이란 표시하고자 하는 어떤 정보나 기능들을 태그(Tag)라는 형식으로 감싸는 것을 이야기합니다. 마크업 언어(Markup Language)란 태그라는 형식으로 둘러진 언어를 말하는 것이죠. 이것을 모두 합쳐 생각해 보면 그 뜻을 알 수 있습니다. 바로, 하이퍼 텍스트 문서..
웹프로그램이란? 어디서부터 시작하면 될까! 1. 웹프로그램이란 우리가 흔히 사용하는 인터넷 웹사이트를 이야기합니다. HTTP(hypertext transfer protocol) 통신 규약에 따라 서버-클라이언트(사용자 개인 PC) 간의 데이터를 주고받는 네트워크 기반 프로그램이죠. ※ 참고로 웹사이트를 볼 수 있도록 제공해주는 브라우저를 응용 프로그램이라고 합니다. 2. 웹프로그램의 특징 1) 기술의 변화가 빠르다 2) 일반인이 가장 많이 접하는 분야이다. 3. 웹사이트의 종류 물건을 구매할 때 사용하는 쇼핑몰 사이트, 개인 또는 회사를 홍보하기 위한 홈페이지, 회사에서 업무를 하기 위한 업무용 사이트 등 다양하게 있습니다. 4. 어디서 부터 시작하면 될까 웹프로그램을 만드는 일을 웹 프로그래밍이라고 합..