디자인소스 전문 쇼핑몰

웹기획

HTML 사용법

- HTML 소개

HTML 개요
기본 태그
HTML 편집기

- 텍스트

텍스트 크기
텍스트 색상
텍스트 정렬
텍스트 스타일
목록
수평선
Windows 특수문자

- 링크

링크란
내부링크
외부링크
주소 입력방식

- 이미지

이미지 포맷
이미지 삽입
이미지 정렬
이미지맵 만들기

- 테이블

테이블
테이블 크기
외곽선과 여백
셀 꾸미기

- 인클루드

인클루드
인클루드 활용

- 프레임

프레임의 기본구성
프레임 크기
다중 프레임
프레임 테두리
프레임 속성
프레임 타깃 지정
아이프레임

- 폼(FORM)

폼의 기본 형식
텍스트 상자
버튼 입력하기
라디오 버튼/체크 박스
선택상자

- 이미지 자르기

이미지 자르기 1
이미지 자르기 2
코딩하기 1
코딩하기 2

- 색상코드표

포토샵 사용법

일러스트 사용법

플래시 사용법

	일러스트 만들기
	편집사진 만들기
	사물 편집사진 만들기
	플래시 모션 만들기
	플래시 스크립트 만들기
	웹구성 요소 만들기
	웹 페이지 만들기
	생활 홈페이지 만들기
	비즈니스 홈페이지 만들기
	쇼핑몰 홈페이지 만들기

링크

Home > 디자인 센터 > 웹강좌 > HTML 사용법 > 링크

링크란

내부링크

외부링크

주소 입력방식

1. 외부 링크 걸기

외부 사이트를 링크할 때도 형식은 아래와 같습니다.

링크할 수 있는 파일은 단지 .html이나 .htm뿐만이 아닙니다. 이미지파일, 음악파일, 압축파일 등 다양한 형태의 파일들을 링크할 수 있습니다.
형식은 위와 마찬가지이나 URL 대신에 이미지 파일명, 음악파일명, 압축파일명 등을 적어 넣으면 됩니다.

<html>
<head>
<title>외부링크 걸기</title>
</head>
<body>
    <h5>1. 외부 홈페이지에 링크 걸기</h5>
    <a href="http://www.asadal.com" target="_blank">아사달로 이동!</a>
    <h5>2. 이미지 파일에 링크 걸기</h5>
    <a href="http://center.diso.co.kr/image/center/web/html/link_img03.bmp">여기</a>를 누르시면 이미지 파일을
    다운 받으실 수 있습니다.</a>
    <h5>3. 압축파일에 링크 걸기</h5>
    <a href="http://center.diso.co.kr/image/center/web/html/link_img.zip">여기</a>를 누르시면 압축파일을 다운
    받으실 수 있습니다.
</body>
</html>

아사달 이용 가능 브라우저