Chapter01 HTML 시작하기 misuk6389@mokwon.ac.kr.

Slides:



Advertisements
Similar presentations
프로그램이란 프로그램 생성 과정 프로젝트 생성 프로그램 실행 컴퓨터를 사용하는 이유는 무엇인가 ? – 주어진 문제를 쉽고, 빠르게 해결하기 위해서 사용한다. 컴퓨터를 사용한다는 것은 ? – 컴퓨터에 설치 혹은 저장된 프로그램을 사용하는 것이다. 문제를 해결하기 위한.
Advertisements

1/ 편집 기능 사용하기 – 실습 1 글자 모양을 바꾸고 싶은 곳을 블록 설정 [ 글자 모양 ] 대화 상자에서 [ 글꼴 ] ‘ 궁서체 ’, [ 글자 색 ] ‘ 토마토색 ’ 으로 선택 → [ 설정 ] 클릭 → 글자 모양 변경.
1/37 한글에는 전문적인 문서 편집을 위한 고급 기능이 있다. 문서를 편리하게 수 정할 수 있도록 도와주는 찾기 / 찾아 바꾸기, 다른 위치로 이동할 수 있는 책 갈피와 하이퍼링크에 대해 알아보자. 그리고 자주 사용하는 서식을 미리 정 해 놓고 쓰는 스타일 활용법과 스타일이.
MS 워드 2007 기초 사용법 MS 워드 2007 시작하기와 종료 MS 워드 2007 화면의 구성요소 MS 워드 2007 단축키 ( 기초 ) MS 워드 2007 표 그리기 MS 워드 2007 화일변환.
앱인벤터 기초과정 (1차시) ㈜헬로앱스 강사: 김영준 목원대학교 겸임교수.
1 개요.
난이도 : 초급 제1장 앱 인벤터 소개 및 준비.
컴퓨터와 인터넷.
컴퓨터 운영체제의 역사 손용범.
목 차 C# 언어 특징 .NET 프레임워크 C# 콘솔 프로그램 C# 윈도우 프로그램 실습 프로그래밍세미나 2.
CHAPTER 1. 기초 사항.
컴퓨터프로그래밍 1주차실습자료 Visual Studio 2005 사용법 익히기.
Index SendMemo 기능 Q & A 팀 소개 배경 및 목적 구현
1 HTML5 개요.
코크파트너 설치 가이드 Window 7.
Power Java 제3장 이클립스 사용하기.
Outlook Express 메일 백업 및 복원가이드
PHP입문 Izayoi 김조흔.
Chapter01 Introduction to HTML5
JSP Programming with a Workbook
한국골프대학 종합정보시스템 Windows Vista 사용자를 위한 Component 설치안내서
한국골프대학 종합정보시스템 Windows 7 사용자를 위한 Component 설치안내서
NCS 학사운영 시스템 Guide.
CHAPTER 02 OpenCV 개요 PART 01 영상 처리 개요 및 OpenCV 소개.
Visual Basic .NET 처음 사용하기.
① 모든 인터넷 브라우저를 닫는다 ② uninstall_flash_player.exe 실행하여 flash player 삭제한다
                              데이터베이스 프로그래밍 (소프트웨어 개발 트랙)                               퍼스널 오라클 9i 인스톨.
WinCE Device Driver 실습 #3
홈페이지용 그림 활용법 그림 삽입 태그 <IMG> 배경 그림 다루기 그림과 문자열의 어울림
학습목표 학습목차 다른 홈페이지의 HTML 파일 코드를 보는 방법에 대해 알아봅니다.
Chapter 03 : 서블릿 ( Servlet ) 개요. chapter 03 : 서블릿 ( Servlet ) 개요.
제 01 장 인터넷 프로그래밍 개요 학기 인터넷비즈니스과 강 환수 교수.
Slice&link.
1 개요.
2장. JSP 프로그래밍을 위한 환경구성 제2장.
인터넷 따라 하기 ◆ 인터넷 시작 하기 ◆ 인터넷 끝내기 ◆ 홈페이지 방문 및 정보검색 ◆ 전자우편( ) 가입
HTML CSS 자바스크립트 무작정 따라하기
홀인원2.0 설치 메뉴얼.
HTTP 프로토콜의 요청과 응답 동작을 이해한다. 서블릿 및 JSP 를 알아보고 역할을 이해한다.
Adobe 제품 다운로드 및 설치 방법 안내 Adobe Creative Cloud Adobe License 권한을 받으신 분
Nessus 4 설치 정보보호응용 조용준.
웹디자인
World Wide Web 중앙대학교 안 봉 현
인천대학교 웹과 인터넷 수업 개요 및 내용 소개.
컴퓨터 개론 및 실습 1주차 2015년 03월 05일.
PMIS 서버 설정 환경설정 작성자 : 배경환.
화상대화 매뉴얼 한국지역정보개발원.
학습목표 처음 만드는 비주얼 베이직 프로그램 프로그램 실행과 실행 파일 생성. 학습목표 처음 만드는 비주얼 베이직 프로그램 프로그램 실행과 실행 파일 생성.
웹(WWW).
Cold Spring Harbor Laboratory Press 저널 이용 매뉴얼
Introduction to JSP & Servlet
3장 JSP프로그래밍의 개요 이장에서 배울 내용 : JSP페이지의 기본적인 개요설명과 JSP페이지의 처리과정 그리고 웹 어플리케이션의 구조에 대해서 학습한다.
공인인증로그인 매뉴얼.
01. 분산 파일 시스템의 개요 네트워크에 분산된 파일을 사용자가 쉽게 접근하고 관리할 수 있게 해준다.
Chapter01 HTML 시작하기
시스템 인터페이스 Lab1 X-window 및 명령어 사용.
9 브라우저 객체 모델.
슬라이드 쇼의 설정 슬라이드 쇼의 실행 파일과 폴더의 관리 글꼴을 포함해서 저장 웹 페이지로 게시 압축 파일
무선랜 사용자 설명서 (Windows Vista 사용자).
프로그래밍 언어 학습을 위한 가상실습환경 창원대학교 이수현.
공인인증로그인 매뉴얼.
워드프로세서 스프레드시트 문서 관리 인터넷 활용
Installation Guide.
1장 C 언어의 개요 C 언어의 역사와 기원 C 언어의 특징 프로그램 과정 C 프로그램 구조 C 프로그램 예제.
숙제 작성 및 제출 과정 김진하 2008/03/14.
Exporting User Certificate from Internet Explorer
About Html5 모바일인터넷과 이수진.
공인인증로그인 매뉴얼.
Chapter 11. 문서 인쇄 및 파일 형식.
XSS 취약점을 이용한 웹메일 해킹
Presentation transcript:

Chapter01 HTML 시작하기 misuk6389@mokwon.ac.kr

Contents 1. HTML이란 무엇일까 2. HTML 문서 작성을 위한 준비 3. HTML 기본 구조 Chapter01

HTML 정의 HTML (HyperText Markup Language) Chapter01 HTML (HyperText Markup Language) HyperText Markup Language의 약자로 월드와이드웹(World Wide Web)에서 사용하는 마크업(Markup) 언어 인터넷 망에서 사용하는 웹페이지 구조를 표현을 위한 언어 HTML 시작하기

마크업 (Markup) 언어 마크업 (Markup) 언어 어떠한 문서 안의 정보가 어떻게 구조화되었는가를 지정하는 언어 Chapter01 마크업 (Markup) 언어 어떠한 문서 안의 정보가 어떻게 구조화되었는가를 지정하는 언어 문서에 포함된 문장, 표, 그림 등과 같은 내용에 대한 정보를 말하는 것이 아니라 이들이 어떻게 배치되고 어떠한 크기와 모양 등을 가지고 있는가 등의 정보를 의미 기본적으로 문서의 구조 형식을 태그(Tag)를 사용하여 지정 HTML 시작하기

웹 브라우저 HTML문서 보기 [메뉴]-[보기]-[소스] [그림 1-1] [소스]메뉴 선택 [그림 1-2] HTML 문서 Chapter01 [메뉴]-[보기]-[소스] [그림 1-1] [소스]메뉴 선택 [그림 1-2] HTML 문서 HTML 시작하기

HTML의 역사 (1/2) Chapter01 Tim Berners-Lee가 개발하였으며 NCSA에서 개발한 Mosaic브라우저에 의해 보편화되기 시작 HTML2.0 IETF(Internet Engineering Task Force)에 의하여 개발 HTML 2.0이 표준으로 정해진 이후에 각 웹 브라우저는 서로의 경쟁으로 인하여 각자가 개발한 태그를 삽입 Hyper Text 기능위주로 되어 있음 HTML 시작하기

HTML의 역사 (2/2) HTML 3.2 ~ HTML 4.0 HTML 4.01 Chapter01 HTML 3.2 ~ HTML 4.0 1997년에 발표되었으며 1998년 4월에 4.0버전을 발표 Natscape와 Explorer 가 나오면서 웹 브라우저는 급속도로 발전 HTML 4.01 HTML 4.01 버전은 1999년에 발표하였는데 2000년 이후에는 XML과 합쳐져서 XHTML 1.0이 등장하였음 HTML 시작하기

W3C W3C (World Wide Web Consortium) Chapter01 W3C (World Wide Web Consortium) 월드 와이드 웹을 위한 표준을 개발하고 가이드라인을 개발하는 조직 [그림 1-3] W3C 홈페이지 HTML 시작하기

HTML의 특징 (1/2) 웹 문서의 표준으로 지정 마크업 언어 Chapter01 웹 문서의 표준으로 지정 웹 표준은 W3C에서 정하는 것으로 웹에서 표준적으로 사용하는 기술을 총칭하는 말 마크업 언어 용량이 작아 서버와 클라이언트 사이에 문서를 상당히 빠르게 전달 할 수 있음 [그림 1-4] HTML 서비스 구성과 흐름 HTML 시작하기

HTML의 특징 (2/2) ASCII 코드로 구성된 일반적인 텍스트 파일 컴퓨터 시스템이나 운영체제에 독립적 Chapter01 ASCII 코드로 구성된 일반적인 텍스트 파일 특별한 프로그램이 아닌 메모장 같은 에디터로도 충분히 HTML 문서를 작성할 수 있음 컴퓨터 시스템이나 운영체제에 독립적 어떤 시스템이나, 운영체제든지, 어떤 브라우저에서도 쉽게 볼 수 있음 HTML 시작하기

텍스트 에디터 텍스트 에디터 HTML 문서 작성에는 특별한 전용 편집기를 필요로 하지 않음 Chapter01 텍스트 에디터 HTML 문서 작성에는 특별한 전용 편집기를 필요로 하지 않음 나모나 드림위버 같은 프로그램으로 쉽게 HTML을 작성할 수 있으나, Windows 운영체제에 기본적으로 설치되는 메모장만으로도 충분히 HTML 문서를 작성할 수 있음 HTML 시작하기

UltraEdit-32 UltraEdit-32 http://www.ultraedit.com Chapter01 UltraEdit-32 http://www.ultraedit.com [그림 1-5] UltraEdit-32 홈페이지 [그림 1-6] UltraEdit-32 HTML 시작하기

EditPlus EditPlus http://www.editplus.com/kr [그림 1-7] EditPlus 홈페이지 Chapter01 EditPlus http://www.editplus.com/kr [그림 1-7] EditPlus 홈페이지 [그림 1-8] EditPlus HTML 시작하기

AcroEdit AcroEdit http://www.acrosoft.pe.kr [그림 1-9] AcroEdit 홈페이지 Chapter01 AcroEdit http://www.acrosoft.pe.kr [그림 1-9] AcroEdit 홈페이지 [그림 1-10] AcroEdit HTML 시작하기

웹 브라우저 (1/3) 익스플로러(Explorer) Microsoft에서 개발한 브라우저로 Windows 95 이상에서 운용 Chapter01 익스플로러(Explorer) Microsoft에서 개발한 브라우저로 Windows 95 이상에서 운용 다양한 멀티미디어 환경을 브라우저에서 실행하도록 하여주는 ActiveX 기술을 지원 [그림 1-11] 익스플로러 홈페이지 HTML 시작하기

웹 브라우저 (2/3) 파이어폭스(FireFox) Chapter01 파이어폭스(FireFox) 모질라프로젝트라는 공개되어 있는 소스를 네티즌과 함께 향상시켜 발표한 브라우저 속도가 상당히 빠르며 보안 및 사용자 프라이버시에 강함 [그림 1-12] 파이어폭스 홈페이지 HTML 시작하기

웹 브라우저 (3/3) Chapter01 오페라(Opera) 방대한 단축키를 지원하며 작은 용량과 빠른 속도로 인하여 저사양의 PC에서도 원활하게 구동 [그림 1-13] 오페라 홈페이지 HTML 시작하기

HTML 문서 만들기 (1/10) 메모장을 열어 HTML 문서 작성 [그림 1-14] HTMLDoc 실행결과 Chapter01

HTML 문서 만들기 (2/10) [파일]-[다른 이름으로 저장] 메뉴 클릭 [그림 1-15] HTML 작성 Chapter01

HTML 문서 만들기 (3/10) 파일이름 부분에 파일이름을 입력하고 확장명은 .html이나 .htm으로 입력 Chapter01 파일이름 부분에 파일이름을 입력하고 확장명은 .html이나 .htm으로 입력 [그림 1-17] 저장하기 HTML 시작하기

HTML 문서 만들기 (4/10) 웹 브라우저 아이콘으로 저장된 문서를 확인 할 수 있음 [그림 1-18] 저장된 문서 Chapter01 웹 브라우저 아이콘으로 저장된 문서를 확인 할 수 있음 [그림 1-18] 저장된 문서 HTML 시작하기

HTML 문서 만들기 (5/10) 웹 브라우저를 실행하여 [파일]-[열기] 메뉴를 클릭 [그림 1-19] [열기] 메뉴 Chapter01 웹 브라우저를 실행하여 [파일]-[열기] 메뉴를 클릭 [그림 1-19] [열기] 메뉴 HTML 시작하기

HTML 문서 만들기 (6/10) 열기 대화상자가 생성되면 [찾아보기] 버튼을 클릭 [그림 1-20] 열기 대화상자 Chapter01 열기 대화상자가 생성되면 [찾아보기] 버튼을 클릭 [그림 1-20] 열기 대화상자 HTML 시작하기

HTML 문서 만들기 (7/10) 저장했던 문서의 경로를 찾아 해당 문서를 선택한 후 [열기] 버튼을 클릭 Chapter01 저장했던 문서의 경로를 찾아 해당 문서를 선택한 후 [열기] 버튼을 클릭 [그림 1-21] 찾아보기 대화상자 HTML 시작하기

HTML 문서 만들기 (8/10) 열기 대화상자에 선택한 문서의 경로가 입력되면 [확인] 버튼을 클릭 Chapter01 열기 대화상자에 선택한 문서의 경로가 입력되면 [확인] 버튼을 클릭 [그림 1-22] 문서의 경로 확인 HTML 시작하기

HTML 문서 만들기 (9/10) 웹 브라우저로 실행된 HTML 문서를 확인 할 수 있음 [그림 1-23] 실행 결과 Chapter01 웹 브라우저로 실행된 HTML 문서를 확인 할 수 있음 [그림 1-23] 실행 결과 HTML 시작하기

HTML 문서 만들기 (10/10) Chapter01 웹 브라우저에서 [보기]-[소스] 메뉴를 선택하여 보면 해당 웹 페이지의 내용을 확인해 볼 수 있음 [그림 1-24] 문서 확인 HTML 시작하기

HTML 구성요소 Chapter01 HTML 시작하기

HTML 기본구조 HTML 문서 작성 메모장(텍스트 에디터)을 열어 HTML 코드를 작성 Chapter01 HTML 문서 작성 메모장(텍스트 에디터)을 열어 HTML 코드를 작성 확장명 .html 이나 .htm으로 저장 브라우저를 사용하여 해당 문서를 오픈 HTML 시작하기

프로그램 1-1 Chapter01 [그림 1-25] HTMLStart의 실행결과 HTML 시작하기