우리궁궐지킴이

태그 배우기 본문

컴퓨터 공부하기

태그 배우기

불꽃緝熙 2012. 8. 7. 17:21

 태그 배우기

 

 

 


 

태그명 및 기타

학습내용에서 태그 연습장 예

HTML 소개

기본 HTML 문서의 예

기초 요소

기본 HTML 문서의 예

기본 태그

1. 간단한 HTML문서의 예

2. 문단(Paragraph) 표시 태그

3. 문단의 제목(Heading) 표시

4. 줄바꿈(Line break) 태그

5. 주석(Comment)

6. 줄긋기(Horizental rule)

출력 형식

1. 굵은 글씨(Bold) 예

2. 강한 글씨체 예

3. 큰 글씨체 예

4. 작은 글씨체 예

5. 강조된(Emphasized) 글씨체 예

6. 이탤릭(italic) 글씨체 예

7. 아래로 치우친 글씨체(Subscript) 예

8. 위로 치우친 글씨체(Superscript) 예
9.
미리 정해진 출력 모양(Preformatted)태그

10. 인용(Quotation) : blockquote

11. 지우기(delete)와 넣기(insert)

문자 개체

문자 개체의 사용 예

링크

1. 하이퍼링크 만드는 예

2. 구글 검색엔진으로 이동

3. 이미지 링크를 만드는 예

4. 링크의 내용을 새 창에서 띄우기

5. 같은 페이지 내에서 이동하기

프레임

1. frame을 이용하여 세로로 창을 나눈 예제

2. frame을 이용하여 가로로 창을 나눈 예제

3. 여러개의 프레임들이 섞인 모습

4 . noresize="true" 라는 속성을 사용한 예제

5. 프레임을 이용하여 여러 문서를 하나의 창에서 보여주는 방법

테이블

1. 테이블 내의 하나의 셀에서 내용 비운 테이블 만들기

2. 테두리를 없앤 테이블

3. 테이블의 셀 합치기

4. cellpadding속성 이용하여 셀의 내용이 좌 우측과 떨어져 보이도록 하기

리스트

1. 번호를 사용하지 않는 리스트

2. 순서대로 번호가 먹여지는 리스트

3. 여러 가지 정렬 리스트

1. 이름과 주소를 입력받는 폼

2. 네모박스 체크 예제

3. 여러개중에 하나를 고르는 예제

4. 장문의 텍스트를 입력받는 예제

그림

1. 배경에 이미지를 넣는 예

2. 이미지 정렬

3. 이미지에 링크 걸기

배경

1. background 이용 예제

2. 잘못된 백그라운드의 사용예

3. 글이 잘 보이는 배경

4. 글이 잘 안보이는 배경

문서의 모양

Layout을 이용하는 예제

글꼴

font를 이용하는 예제

스타일

밑줄이 생기지 않는 링크 만드는 법

헤드

head태그 사이에 모두 포함시킨 예제