『HTML 태그랑 친해지기』는 HTML 태그를 쉽고 재미있는 예문과 큰 글자체, 큰 화면 그림으로 누구나 부담 없이 배울 수 있는 교재다. 총 24강으로 구성되어 있으며, 각 강마다 소제목을 두어 학습 주제를 한번에 알 수 있다.
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강 홈페이지 태그 총정리