이 책은 HTML을 좀더 대중적인 면에서 활용하도록 안내하고 있으며, 초보 웹디자이너나 초보 프로그래머는 물론 일반 인터넷 사용자도 쉽게 HTML을 이용하여 인터넷에서 자신을 표현하는 방법을 알려주는 즐거움을 제공한다.
인터넷 사용이 생활의 한 부분이 되었다는 표현 자체가 이미 낡은 것이 된 요즘, 인터넷 문서를 작성하거나 홈페이지를 만들기 위해 HTML 태그 하나쯤 알고 있는 사람도 점차 늘고 있다. 실제로 HTML은 웹 문서를 만들기 위한 기본 언어이며 이에 대한 책들도 적지 않다. 하지만 HTML을 홈페이지를 만드는 도구 정도로만 소개하는 데 그치고 있어 아직 독자들의 요구를 책이 따라잡지 못하고 있는 실정이다. 이런 가운데 최근 출간된 ≪HTML 무작정 따라하기≫는 HTML의 사용 범위를 인터넷 생활 전반으로 넓혀 쉽고도 실속있게 HTML을 배울 수 있도록 구성한 아주 재미있는 책이다. 홈페이지뿐만 아니라 인터넷 게시판, 각종 채팅방, 이메일에서 HTML을 어떻게 이용할 수 있는지에 대해 실제 응용되고 있는 예제 중심으로 소개하고 있다. 한마디로, 이 책은 HTML을 좀더 대중적인 면에서 활용하도록 안내하고 있으며, 초보 웹디자이너나 초보 프로그래머는 물론 일반 인터넷 사용자도 쉽게 HTML을 이용하여 인터넷에서 자신을 표현하는 방법을 알려주는 즐거움을 제공한다.목차
첫째마당. 나의 첫 번째 HTML
01. HTML이란?
[미리보기] HTML은 어디에 필요한 걸까?
∎ HTML이란?
∎ 내가 만든 HTML을 내 친구는 어떻게 볼 수 있지?
[잠깐만요] 웹 브라우저에서 기본 글꼴 지정하기
[무작정 따라하기]∎ 나의 첫 번째 HTML 문서
[잠깐만요] HTML과 표준 규약
∎ HTML 파일을 저장할 때 주의사항
∎ HTML 공부를 위한 필기도구
[잠깐만요] 셰어웨어와 프리웨어
02. HTML 문서의 기본 구조
∎ HTML 문서의 기본 구조
[잠깐만요] 태그를 빼도 되는데요?
[잠깐만요] 좀더 완벽한 한글 표시를 하려면
∎ HTML 태그의 특징
∎ 약방의 감초, 기본 태그들
[잠깐만요] HTML 표준을 앞질러 가는 브라우저
[무작정 따라하기]∎ 문서 기본 환경 만들기
[태그 한눈에 보기]
[실전 예제]
둘째마당. HTML의 양날개, 텍스트와 이미지
03. 웹의 기본, 텍스트 꾸미기
[미리보기] 텍스트, 이렇게 사용합니다
∎ 텍스트 속성 바꾸기
[잠깐만요] 문서 전체의 텍스트 색상을 바꾸려면
[잠깐만요] 부분적으로 텍스트 속성을 바꾸려면
∎ 텍스트 스타일 바꾸기
[잠깐만요] 특수문자는 어떻게 넣을까?
∎ 흘러가는 텍스트
[잠깐만요] HTML 태그 허용 게시판
∎ 그밖에 텍스트 관련 태그
∎ 순서 목록
∎ 순서 없는 목록
[잠깐만요] 제목과 내용을 구분해 주는 태그
[무작정 따라하기]∎ 게시판의 여왕 되기
[CSS 특급] HTML 문서의 드레싱 소스 - 스타일 시트
∎ 스타일 시트?
[잠깐만요] 스타일 시트의 표준
∎ 문서 안에서 스타일 정의하기
∎ 외부 스타일 시트 파일 사용하기
∎ 스타일 시트를 이용한 텍스트 꾸미기
[태그 한눈에 보기]
[실전 예제]
04. 화려한 외출, 이미지 사용하기
[미리보기] 이미지, 남들은 이렇게 사용한다
∎ 웹 문서에서는
∎ 이미지와 경로
∎ 이미지 삽입하기
[잠깐만요] 브라우저에 이미지를 표시하지 않으려면
∎ 배경 이미지 삽입하기
∎ 다른 곳에 있는 이미지 이용하기
[무따기] 채팅방에서 분위기 메이커 되기
[CSS 특급]
∎ 배경 이미지를 내 맘대로!
∎ 이미지 테두리 꾸미기
[태그 한눈에 보기]
[실전 예제]
셋째마당. 멀티미디어 세상을 만드는 HTML
05. 웹을 자유롭게, 하이퍼링크 만들기
[미리보기] 하이퍼링크, 이렇게 쓴다
∎ 상대 경로와 절대 경로
∎ 링크 만들기
∎ 링크를 다른 창에 열고 싶어요
∎ 링크도 여러 가지
[무작정 따라하기] 내 홈페이지 소문내기
[CSS 특급] 링크 스타일 바꾸기
[태그 한눈에 보기]
[실전 예제]
06. 웹의 꽃, 음악과 동영상
[미리보기] 사운드와 동영상의 모범 답안
∎ 음악 파일 연결하기
[잠깐만요] 음악 파일의 종류
∎ 배경 음악 삽입하기
∎ 다른 사이트의 음악 파일 사용하기
∎ 플래시 무비 삽입하기
∎ 동영상 삽입하기
[무따기] 내가 올린 게시물에는 음악이 가득!
[태그 한눈에 보기]
넷째마당. 아름다운 레이아웃을 위한 HTML
07. 홈페이지의 요소 배치
[미리보기] 표? 안 보이는데?
∎ 표 만들기
∎ TABLE 태그와 관련된 속성들
∎ TR, TD, TH 태그의 속성들
[잠깐만요] 빈 셀 만들기 - 특수문자
∎ 셀 편집하기
[무따기] 표를 이용한 웹 문서 레이아웃 만들기
[CSS 특급] 표 테두리 다양하게 바꾸기
[태그 한눈에 보기]
[실전 예제]
08. 깔끔한 레이아웃을 위한 프레임
[미리보기] 프레임이 왜 필요하지?
∎ 화면 나누기 - FRAMESET 태그
[잠깐만요] NOFRAME 태그
∎ 프레임에 파일 연결하기
[잠깐만요] 프레임 문서와 BASE 태그
∎ 문서 안에 또 다른 문서 삽입하기 - IFRAME 태그
[태그 한눈에 보기]
[실전 예제]
09. 폼 디자인의 기초+활용
[미리보기] 폼이 어떤 거지?
∎ FORM 태그
∎ 다양한 폼 요소 삽입하기
∎ 선택 목록 만들기
∎ 텍스트 영역 필드
[무따기] 폼을 이용한 메뉴 만들기
[CSS 특급] 내가 만든 폼은 달라!
[잠깐만요] 윈도우 XP에서의 폼 요소들
[태그 한눈에 보기]
다섯째마당. 나를 표현하는 가장 예쁜 방법, HTML
10. 연인들을 위한 러브레터 만들기
[미리보기] 러브레터 만들기
∎ 먼저 준비할 일
[무따기] HTML 메일 보내기
아웃룩 익스프레스에서
한메일 등 웹 메일 사이트에서
11. 다음 카
더보기접기
01. HTML이란?
[미리보기] HTML은 어디에 필요한 걸까?
∎ HTML이란?
∎ 내가 만든 HTML을 내 친구는 어떻게 볼 수 있지?
[잠깐만요] 웹 브라우저에서 기본 글꼴 지정하기
[무작정 따라하기]∎ 나의 첫 번째 HTML 문서
[잠깐만요] HTML과 표준 규약
∎ HTML 파일을 저장할 때 주의사항
∎ HTML 공부를 위한 필기도구
[잠깐만요] 셰어웨어와 프리웨어
02. HTML 문서의 기본 구조
∎ HTML 문서의 기본 구조
[잠깐만요] 태그를 빼도 되는데요?
[잠깐만요] 좀더 완벽한 한글 표시를 하려면
∎ HTML 태그의 특징
∎ 약방의 감초, 기본 태그들
[잠깐만요] HTML 표준을 앞질러 가는 브라우저
[무작정 따라하기]∎ 문서 기본 환경 만들기
[태그 한눈에 보기]
[실전 예제]
둘째마당. HTML의 양날개, 텍스트와 이미지
03. 웹의 기본, 텍스트 꾸미기
[미리보기] 텍스트, 이렇게 사용합니다
∎ 텍스트 속성 바꾸기
[잠깐만요] 문서 전체의 텍스트 색상을 바꾸려면
[잠깐만요] 부분적으로 텍스트 속성을 바꾸려면
∎ 텍스트 스타일 바꾸기
[잠깐만요] 특수문자는 어떻게 넣을까?
∎ 흘러가는 텍스트
[잠깐만요] HTML 태그 허용 게시판
∎ 그밖에 텍스트 관련 태그
∎ 순서 목록
∎ 순서 없는 목록
[잠깐만요] 제목과 내용을 구분해 주는 태그
[무작정 따라하기]∎ 게시판의 여왕 되기
[CSS 특급] HTML 문서의 드레싱 소스 - 스타일 시트
∎ 스타일 시트?
[잠깐만요] 스타일 시트의 표준
∎ 문서 안에서 스타일 정의하기
∎ 외부 스타일 시트 파일 사용하기
∎ 스타일 시트를 이용한 텍스트 꾸미기
[태그 한눈에 보기]
[실전 예제]
04. 화려한 외출, 이미지 사용하기
[미리보기] 이미지, 남들은 이렇게 사용한다
∎ 웹 문서에서는
∎ 이미지와 경로
∎ 이미지 삽입하기
[잠깐만요] 브라우저에 이미지를 표시하지 않으려면
∎ 배경 이미지 삽입하기
∎ 다른 곳에 있는 이미지 이용하기
[무따기] 채팅방에서 분위기 메이커 되기
[CSS 특급]
∎ 배경 이미지를 내 맘대로!
∎ 이미지 테두리 꾸미기
[태그 한눈에 보기]
[실전 예제]
셋째마당. 멀티미디어 세상을 만드는 HTML
05. 웹을 자유롭게, 하이퍼링크 만들기
[미리보기] 하이퍼링크, 이렇게 쓴다
∎ 상대 경로와 절대 경로
∎ 링크 만들기
∎ 링크를 다른 창에 열고 싶어요
∎ 링크도 여러 가지
[무작정 따라하기] 내 홈페이지 소문내기
[CSS 특급] 링크 스타일 바꾸기
[태그 한눈에 보기]
[실전 예제]
06. 웹의 꽃, 음악과 동영상
[미리보기] 사운드와 동영상의 모범 답안
∎ 음악 파일 연결하기
[잠깐만요] 음악 파일의 종류
∎ 배경 음악 삽입하기
∎ 다른 사이트의 음악 파일 사용하기
∎ 플래시 무비 삽입하기
∎ 동영상 삽입하기
[무따기] 내가 올린 게시물에는 음악이 가득!
[태그 한눈에 보기]
넷째마당. 아름다운 레이아웃을 위한 HTML
07. 홈페이지의 요소 배치
[미리보기] 표? 안 보이는데?
∎ 표 만들기
∎ TABLE 태그와 관련된 속성들
∎ TR, TD, TH 태그의 속성들
[잠깐만요] 빈 셀 만들기 - 특수문자
∎ 셀 편집하기
[무따기] 표를 이용한 웹 문서 레이아웃 만들기
[CSS 특급] 표 테두리 다양하게 바꾸기
[태그 한눈에 보기]
[실전 예제]
08. 깔끔한 레이아웃을 위한 프레임
[미리보기] 프레임이 왜 필요하지?
∎ 화면 나누기 - FRAMESET 태그
[잠깐만요] NOFRAME 태그
∎ 프레임에 파일 연결하기
[잠깐만요] 프레임 문서와 BASE 태그
∎ 문서 안에 또 다른 문서 삽입하기 - IFRAME 태그
[태그 한눈에 보기]
[실전 예제]
09. 폼 디자인의 기초+활용
[미리보기] 폼이 어떤 거지?
∎ FORM 태그
∎ 다양한 폼 요소 삽입하기
∎ 선택 목록 만들기
∎ 텍스트 영역 필드
[무따기] 폼을 이용한 메뉴 만들기
[CSS 특급] 내가 만든 폼은 달라!
[잠깐만요] 윈도우 XP에서의 폼 요소들
[태그 한눈에 보기]
다섯째마당. 나를 표현하는 가장 예쁜 방법, HTML
10. 연인들을 위한 러브레터 만들기
[미리보기] 러브레터 만들기
∎ 먼저 준비할 일
[무따기] HTML 메일 보내기
아웃룩 익스프레스에서
한메일 등 웹 메일 사이트에서
11. 다음 카
저자&기여자
ㆍ지은이 고경희(MS MVP)
- 소개
1990년대 초반, 국내에 인터넷이 소개되기 시작할 때부터 ‘인터넷 무작정 따라하기’와 ‘윈도우 무작정 따라하기’를 비롯하여 초보자와 중급자를 위한 다양한 컴퓨터 서적을 집필한 IT 전문 필자입니다.
현재 마이크로소프트 공인 최고기술전문가(Most Valuable Professional)와 어도비 커뮤니티 매니저(Adobe User
Group Manager)로 활동하고 있습니다.
홈페이지(webguru.pe.kr)
- 저서
《윈도우 xp 무작정 따라하기》 길벗, 2005
《컴퓨터 기본+활용》 한빛미디어, 2006
《인터넷 무작정 따라하기》 길벗, 2007
《윈도우 7 무작정 따라하기》 길벗, 2010
《SMART UP 컴퓨터 활용과 실습》 인피니티북스, 2012
《컴퓨터 공학 미리보기》 길벗스쿨, 2013
저작권 안내
모든 자료는 저작권법의 보호를 받는 저작물로, 허락 없이 편집하거나 다른 매체에 옮겨 실을 수 없습니다.
인공지능(AI) 기술 또는 시스템을 훈련하기 위해 자료의 전체 내용은 물론 일부도 사용하는 것을 금지합니다.
All materials are protected by copyright law and may not be edited or reproduced in other media without permission.
It is prohibited to use all or part of the materials, including for training artificial intelligence (AI) technologies or systems, without authorization.
인공지능(AI) 기술 또는 시스템을 훈련하기 위해 자료의 전체 내용은 물론 일부도 사용하는 것을 금지합니다.
All materials are protected by copyright law and may not be edited or reproduced in other media without permission.
It is prohibited to use all or part of the materials, including for training artificial intelligence (AI) technologies or systems, without authorization.
연관 프로그램
아래 프로그램은 길벗출판사가 제공하는 것이 아닙니다.
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.
구매 도서 인증
테마가 있는 HTML 무작정 따라하기
부가기호 확인하는 방법
- 종이책 :
-
도서 뒷표지 아래쪽에 있는 바코드의 오른쪽 위 숫자
- 전자책(eBook) :
- 전자책 앞 또는 뒷부분의 판권면 (발행인, 담당 편집자 등을 표시하는 곳) 중 ISBN 부분에 표기(예: 979-11-6050-407-1 05320로 된 곳의 뒤 다섯 자리 숫자 05320)
도서문의
테마가 있는 HTML 무작정 따라하기
관련 FAQ에 찾는 내용이 없으면 아래에서 '문의하기'를 클릭해 주세요.
빠른 조회
님 환영합니다! 마이길벗
알림 메시지
최근 이용 자료
내 문의/답변
내 서재
동영상 강좌
모바일 앱 설치 QR코드
구글 플레이스토어
애플 앱스토어
독자의견 남기기