HTML 수업자료

소개글

학생들에게 쉽고 재미있게 한눈에 보기좋게 강의하기 위해 파워포인트로 만들었습니다.
설명과 예시가 함께 나와 있어 기본을 배우려는 학생들과 강의하시는 분들에게 도움이
되었으면 합니다.
Lesson 1 - 홈페이지 이야기
Lesson 2 - HTML 편집 프로그램 기본 사용법
Lesson 3 - HTML이란?
Lesson 4 - HTML 머리와 몸통 이해하기
Lesson 5 - 문서 배경을 색과 그림으로 도배하기
Lesson 6 - 줄 바꿈과 공백 처리 알아보기
Lesson 7 - 충직한 친구(텍스트 태그)
Lesson 8 - 화려한 친구(이미지 태그)

목차

Lesson 1 - 홈페이지 이야기
Lesson 2 - HTML 편집 프로그램 기본 사용법
Lesson 3 - HTML이란?
Lesson 4 - HTML 머리와 몸통 이해하기
Lesson 5 - 문서 배경을 색과 그림으로 도배하기
Lesson 6 - 줄 바꿈과 공백 처리 알아보기
Lesson 7 - 충직한 친구(텍스트 태그)
Lesson 8 - 화려한 친구(이미지 태그)

본문내용

● 홈페이지 시작은 HTML부터
＊ HTML(Hyper Text Markup Language)
＊ 웹상의 문서, 곧 홈페이지를 만들 수 있는 언어
＊ 인터넷상에서 TEXT, IMAGE, 음성, 동영상 등을 편리하게 검색할 수 있게 해주는
하이퍼텍스트 생성 언어
＊ html규약에 맞게 작성된 문서를 HTML문서, 웹문서, 웹페이지라 함
＊ 표현방법은 명령부분을 태그‘<>’로 묶어 나타냄

● HTML작성과 확인은 어떻게 하나요?
＊ 텍스트 편집기 - 메모장, 홈사이트, 에디트플러스 등
＊ 위지윅 편집기 - 나모 웹 에디터, 드림위버 등
※ 참고
WYSIWYG - what you see is what you get의 약칭
사용자가 현재 화면에서 보고 있는 내용과 동일한 출력 결과를
얻을 수 있다는 개념

참고 자료

HTML+ 자바스크립트 쉽게 배우기 -영진닷컴-