HTML 태그랑 친해지기(OK CLICK 시리즈 12)

HTML 태그를 재미있고, 쉽게 어렵지 않은 예문과 큰 글자체, 큰 화면 그림으로 누구나 부담 없이 교재를 배울 수 있도록 만들었다.



※ [배울 내용 미리보기]를 통해 학습할 내용이 무엇인지 이해시키고 학습 동기를 유발하도록 구성하였다.

※ 교재 전체 구성은 전체 24강으로 구성하고 각 강마다 소제목을 두어 수업의 지루함을 없애고, 단계별로 수업과 공부를 할 수 있도록 구성하였다.

※ [참고하세요]를 이용하여 교재의 따라하기 설명 이외에 보충 설명하여 고급 기능 및 유사 기능을 학습할 수 있도록 구성하였다.

※ [혼자 풀어 보세요]는 한 강을 학습한 후 혼자 예제를 풀어보면서 학습 내용을 얼마나 이해했는지 알아볼 수 있도록 2문제에서 4문제로 구성하였다.

※ [힌트]를 통해 좀 더 쉽게 예문을 풀 수 있도록 구성하였다.

※ [혼자 풀어 보세요]의 예문에 대한 자세한 설명은 홈페이지를 통해서 한글 파일로 제공한다.

1강 HTML 시작해 보기

01. HTML 문서의 기본 구조 알기

02. 메모장에서 HTML 익히기

03. 웹 브라우저에서 내가 만든 HTML 문서 열기

혼자 풀어 보세요



2강 HTML 문단 분리하기

01. 문단을 분리하는 태그 알기

02. 줄을 분리하는 태그 알기

혼자 풀어 보세요



3강 다양한 글자 형태로 꾸미기

01. 글자 크기 키우기

02. 글자 색 입히기

03. 글자 모양 바꾸기

04. 특수 문자 넣기

혼자 풀어 보세요



4강 글자 정렬하기

01. 글자 정렬하기

02. PRE 태그를 이용해 글자 정렬하기

혼자 풀어 보세요



5강 BODY에 효과주기

01. 웹브라우저에 배경 색상 지정하기

02. 웹 브라우저에 이미지를 배경으로 지정하기

혼자 풀어 보세요



6강 선 그리기

01. HR 태그의 WIDE, SIZE 속성 지정하기

02. HR 태그의 ALIGN, NOSHADE 속성 지정하기

혼자 풀어 보세요



7강 목록 태그알기

01. 순서없는 목록(UL) 태그 알기

02. 순서있는 목록(OL) 태그 알기

03. 정의 목록(DL) 태그 알기

혼자 풀어 보세요



8강 움직이는 글자 태그 알기

01. 움직이는 글자 만들기

02. 움직이는 방향 변경하기

03. 움직이는 속도 변경하기

혼자 풀어 보세요



9강 이미지 삽입하기

01. 이미지 삽입하기

02. 이미지 크기와 설명 달기

03. 글자에서 이미지 위치 설정하기

04. 글자에서 이미지 정렬하기

05. 간격 맞추기

혼자 풀어 보세요



10강 멀티미디어로 꾸며보자

01. 배경에 음악 넣기

02. 동영상 삽입하기

03. 동영상 제어하기

혼자 풀어 보세요



11강 문서에 하이퍼링크 걸기

01. 웹사이트로 이동하기

02. 전자우편으로 이동하기

혼자 풀어 보세요



12강 같은 문서 내에서 다른 위치로 이동하기

01. 책갈피 넣기

02. 같은 웹문서에 링크 걸기

혼자 풀어 보세요



13강 표 만들기 1

01. 표 그리기

02. 표에 제목 달기

혼자 풀어 보세요



14강 표 만들기 2

01. 셀 안에서 정렬하기

02. 셀 합치기

혼자 풀어 보세요



15강 표 만들기 3

01. 셀에 색상과 이미지 설정하기

02. 표의 여백 지정하기

혼자 풀어 보세요



16강 폼 양식 만들기 1(텍스트)

01. 텍스트 입력 양식 만들기

02. 암호 입력 양식 만들기

혼자 풀어 보세요



17강 폼 양식 만들기 2(체크박스/ 라디어 버튼)

01. 체크 박스 입력 양식 만들기

02. 라디오 머튼 양식 만들기

혼자 풀어 보세요



18강 폼 양식 만들기 3(선택 메뉴와 여러 줄의 입력 박스)

01. SELECT 버튼 태그 알기

02. TEZTARE 양식 태그 알기

혼자 풀어 보세요



19강 폼 양식 만들기 4(커튼 만들기)

01. SUBMIT 버튼 태그 알기

02. RESET 버튼 태그 알기

혼자 풀어 보세요



20강 프레임 태그 알기

01. 수평으로 나누기

02. 수직으로 나누기

03. 수평 수직 같이 나누기

혼자 풀어 보세요



21강 프레임 속성 태그 알기 1

01. SCROLLING 속성 태그 알기

02. MARGINWIDTH/MARGINGEIGHT 속성 태그 알기

혼자 풀어 보세요



22강 프레임 속성 태그 알기 2

01. BORDER 속성 태그 알기

02. NORESIZE 속성 태그 알기

03. TARGET 속성 태그 알기

혼자 풀어 보세요



23강 웹페이지 만들어보기

01. top_f.html 페이지 만들기

02. main1.html 페이지 만들기

03. main2.html 페이지 만들기

04. 프레임으로 연결하기

혼자 풀어 보세요



24강 홈페이지 태그 총정리

김혜성