본문 바로가기

개발자정보

HTML 책 목차

반응형

소개
이 문서는 웹 프로그램을 입문하는 사람들을 위한 HTML 코딩 가이드입니다.
자주 사용하고 기초적인 웹페이지를 구성 할 떄 필요한 HTML 내용을 수록하였습니다.
이론적인 내용과 함께 예제 소스코드와 결과 화면을 제공하여 좀더 쉽게 웹사이트를 구성하고 실습 할 수 있습니다.
기본적인 HTML 예제 뿐만 아니라 비전공자도 누구나 쉽게 회사 홈페이지 또는 개인 웹서비를 만들 수 있는 예제 파일을 제공 할 계획입니다.

실무에 적용 할 떄 필요한 내용에 충실히 하면서 웹개발에 필요한 내용을 정리하였습니다.
모든 예제는 우선 실행하여 눈으로 보고 일부 삭제 또는 추가하여 변화를 체험한 후 예제를 따라해 보세요.

중학교 영어을 배울 떄 생각나세요.
I don't suppose you would understand that.
네가 그걸 이핼 할 거라 생각하지 않는다.




몸으로 익히고 머리로 이해할 수 있도록 하였다. 
친절하고 꼼꼼한 설명과 간결하지만 실전에 도움이 될 예제로 자주 사용하는 HTML 기능들을 익힐 수 있도록 집필하였다.


목차
Chapter 1 HTML의 기초 지식
1. HTML이란 무엇일까?
2. HTML 문서의 작성과 실행
◆ 편집 프로그램 준비하기
◆ HTML 문서 작성하고 실행하기
3. HTML 문서의 작성 규칙
4. HTML 문서의 기본 구조
5. 자주 사용되는 기본 태그
◆ [h1] ... [h6] 태그
◆ [p] 태그
◆ [br] 태그
◆ [hr] 태그
6. 특수문자와 html entity의 사용
◆ 특수문자 사용하기
◆ html 엔티티(entity) 사용하기

Chapter 2 텍스트 표현하기
1. 텍스트 공백 유지
2. 특수 효과가 지정된 텍스트
3. 인용, 약자 등 특별한 형식의 텍스트
◆ 간단한 인용구를 지정하는 [q] 태그
◆ 인용 섹션을 지정하는 [blockquote] 태그
◆ 약자의 원문을 표시하는 [abbr] 태그
◆ 주소를 표시하는 [address] 태그
◆ 작품명을 표기하는 [cite] 태그
◆ 텍스트의 출력 방향을 지정하는 [bdo] 태그
4. 스타일 지정
◆ 배경색 지정하기
◆ 텍스트의 색 지정하기
◆ 텍스트의 크기 지정하기
◆ 텍스트 정렬 지정하기
5. 그룹 지정
◆ 여러 요소를 크게 묶는 [div] 태그
◆ 하나의 요소 내에서 그룹을 지정하는 [span] 태그

Chapter 3 링크 사용하기
1. 링크란 무엇인가?
2. 동일 문서 내에서 이동하기
3. 다른 문서로 이동하기
4. 다른 문서의 특정 위치로 이동하기
5. 다른 웹 사이트로 이동하기
6. 새 탭이나 창에 표시하기
7. 그림으로 문서 연결하기
Chapter 4 목록 만들기
1. 순서 없는 기본 목록 만들기
2. 다양한 순서 없는 목록 만들기
3. 순서 있는 기본 목록 만들기
4. 다양한 순서 있는 목록 만들기
5. 목록에서 순서 바꾸기
6. 목록 안에 목록 표시하기
7. 정의 목록 만들기

Chapter 5 테이블 만들기
1. 기본 테이블 만들기
2. 테이블의 열 제목과 행 제목 지정하기
3. 테이블의 열이나 행 병합하기
4. 테이블에 캡션 표시하기
5. 열 그룹 지정하기
6. 테이블의 머리말, 본문, 꼬리말 구분하기

Chapter 6 이미지 표시하기
1. 이미지를 표시하는 기본적인 방법
◆ 이미지 위치 지정하기
◆ 이미지 위에 메시지 표시하기
2. 이미지 크기 조절하기
3. 이미지 배치하기
4. 이미지 캡션 지정하기
5. 이미지 맵 사용하기

Chapter 7 폼 만들기
1. 폼(form)의 기초 지식
2. text와 password 필드 만들기
◆ 기본적인 text와 password 필드 만들기
◆ 다양한 속성으로 text와 password 필드 조절하기
3. textarea 만들기
4. Radio 버튼과 Check 박스 만들기
◆ Radio 버튼 만들기
◆ Check 박스 만들기
5. 명령 버튼과 submit 버튼 만들기
◆ 명령 버튼 만들기
◆ submit 버튼 만들기
6. email과 url 필드 만들기
7. 드롭다운 목록 만들기
◆ 기본적인 드롭다운 목록 만들기
◆ 드롭다운 목록 조절하기
◆ 항목을 그룹으로 묶기
8. 폼 요소 그룹화하기
9. 레이블 사용하기

Chapter 8 시맨틱 태그 사용하기
1. 시맨틱 태그란 무엇인가?
2. [section] 태그 사용하기
3. [article] 태그 사용하기
4. [header] 태그 사용하기
5. [footer] 태그 사용하기
6. [nav] 태그 사용하기
7. [aside] 태그 사용하기

Chapter 9 멀티미디어 활용하기
1. 멀티미디어 살펴보기
2. 비디오 활용하기
3. 오디오 활용하기
4. [object]와 [embed] 태그 사용하기
◆ [object] 태그 사용하기
◆ [embed] 태그 사용하기

Chapter 10 추가 지식
1. [iframe] 태그로 프레임 만들기
2. [meta] 태그로 정보 제공하기
3. 시맨틱 태그 호환성 해결하기
4. HTML의 의미 정리하기

반응형

'개발자정보' 카테고리의 다른 글

파이썬 프로그램 환경 구축 :: ANACONDA  (0) 2020.08.19
파이썬을 데이터 분석 강좌 목차  (0) 2020.03.06
PLM 1.시작하기  (0) 2020.02.29
PLM 2.나의 워크스페이스 활용하기  (0) 2020.02.29
PLM #3  (0) 2020.02.29