HTML 코딩의 모든 것 홈페이지 기초부터 제작까지!
책 소개
이 책은 인터넷에서 정보를 검색하는 정도의 경험 밖에 없는 사람이 웹 디자인을 배우기 시작할 때 도움이 될 수 있도록 집필하였습니다. 기초를 충실히 하면서 웹 디자인에 필요한 내용을 빠짐없이 수록하였습니다. 모든 설명에는 예제를 제공하여 따라해 보며 몸으로 익히고 머리로 이해할 수 있도록 하였습니다. 친절하고 꼼꼼한 설명과 간결하지만 실전에 도움이 될 예제로 자주 사용하는 HTML 기능들을 익힐 수 있도록 집필하였습니다.
이 책을 마치고 나면 간단한 웹 문서 정도는 스스로 작성할 수 있을 것이며, 다른 사람의 웹 문서를 읽고 수정하고 발전시킬 수 있는 능력이 저절로 생길 것입니다.
작가 소개
저 : 이용학
약력)
- 1998년 동국대학교 컴퓨터공학 박사
- 1998~2002년 김포대학교 컴퓨터 계열 교수
- 2001~2013년 백상정보통신 연구소장
- 2013~ 하비 대표
저서)
- 인문계 코딩 교육을 위한 C 이야기
- 비주얼베이직 데이터베이스 솔루션
- HTML@자바스크립트 쉽고 빠르게
- ASP 3.0 프로그래밍
저 : 황현숙
약력)
- 동원대학교 스마트IT콘텐츠과 교수
- 지식경제부 기술혁신 평가단 평가위원
- 조달청 평가위원
- 경기도 광주시 광고물 관리 및 디자인 심의위원
- 경기도 이천시 광고물 관리 및 디자인 심의위원
- 남한산성 청소년 영상제 심사위원장
- 사단법인 한국 브랜드 디자인 학회 이사
저서)
- 코딩정복 with 파이썬
- 엑셀 2013 시작하기
- 파워포인트 2013 시작하기
- 엑셀과 파워포인트 2007 HOWTO
목 차
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의 의미 정리하기
- 단순 변심인 경우 : 상품 수령 후 7일 이내 신청
- 상품 불량/오배송인 경우 : 상품 수령 후 3개월 이내, 혹은 그 사실을 알게 된 이후 30일 이내 반품 신청 가능
| 반품사유 | 반품 배송비 부담자 |
|---|---|
| 단순변심 | 고객 부담이며, 최초 배송비를 포함해 왕복 배송비가 발생합니다. 또한, 도서/산간지역이거나 설치 상품을 반품하는 경우에는 배송비가 추가될 수 있습니다. |
| 고객 부담이 아닙니다. |
| 진행 상태 | 결제완료 | 상품준비중 | 배송지시/배송중/배송완료 |
|---|---|---|---|
| 어떤 상태 | 주문 내역 확인 전 | 상품 발송 준비 중 | 상품이 택배사로 이미 발송 됨 |
| 환불 | 즉시환불 | 구매취소 의사전달 → 발송중지 → 환불 | 반품회수 → 반품상품 확인 → 환불 |
- 결제완료 또는 배송상품은 1:1 문의에 취소신청해 주셔야 합니다.
- 특정 상품의 경우 취소 수수료가 부과될 수 있습니다.
| 결제수단 | 환불시점 | 환불방법 |
|---|---|---|
| 신용카드 | 취소완료 후, 3~5일 내 카드사 승인취소(영업일 기준) | 신용카드 승인취소 |
| 계좌이체 |
실시간 계좌이체 또는 무통장입금 취소완료 후, 입력하신 환불계좌로 1~2일 내 환불금액 입금(영업일 기준) |
계좌입금 |
| 휴대폰 결제 |
당일 구매내역 취소시 취소 완료 후, 6시간 이내 승인취소 전월 구매내역 취소시 취소 완료 후, 1~2일 내 환불계좌로 입금(영업일 기준) |
당일취소 : 휴대폰 결제 승인취소 익월취소 : 계좌입금 |
| 포인트 | 취소 완료 후, 당일 포인트 적립 | 환불 포인트 적립 |
- 단순변심으로 인한 반품 시, 배송 완료 후 7일이 지나면 취소/반품 신청이 접수되지 않습니다.
- 주문/제작 상품의 경우, 상품의 제작이 이미 진행된 경우에는 취소가 불가합니다.
- 구성품을 분실하였거나 취급 부주의로 인한 파손/고장/오염된 경우에는 취소/반품이 제한됩니다.
- 제조사의 사정 (신모델 출시 등) 및 부품 가격변동 등에 의해 가격이 변동될 수 있으며, 이로 인한 반품 및 가격보상은 불가합니다.
- 뷰티 상품 이용 시 트러블(알러지, 붉은 반점, 가려움, 따가움)이 발생하는 경우 진료 확인서 및 소견서 등을 증빙하면 환불이 가능하지만 이 경우, 제반 비용은 고객님께서 부담하셔야 합니다.
- 각 상품별로 아래와 같은 사유로 취소/반품이 제한 될 수 있습니다.
| 상품군 | 취소/반품 불가사유 |
|---|---|
| 의류/잡화/수입명품 | 상품의 택(TAG) 제거/라벨 및 상품 훼손으로 상품의 가치가 현저히 감소된 경우 |
| 계절상품/식품/화장품 | 고객님의 사용, 시간경과, 일부 소비에 의하여 상품의 가치가 현저히 감소한 경우 |
| 가전/설치상품 | 전자제품 특성 상, 정품 스티커가 제거되었거나 설치 또는 사용 이후에 단순변심인 경우, 액정화면이 부착된 상품의 전원을 켠 경우 (상품불량으로 인한 교환/반품은 AS센터의 불량 판정을 받아야 합니다.) |
| 자동차용품 | 상품을 개봉하여 장착한 이후 단순변심의 경우 |
| CD/DVD/GAME/BOOK등 | 복제가 가능한 상품의 포장 등을 훼손한 경우 |
| 상품의 시리얼 넘버 유출로 내장된 소프트웨어의 가치가 감소한 경우 | |
| 노트북, 테스크탑 PC 등 | 홀로그램 등을 분리, 분실, 훼손하여 상품의 가치가 현저히 감소하여 재판매가 불가할 경우 |