태그(Tag) 공부하기

태그(Tag) 공부하기~~~

1. 태그의 기본은 반드시 < 로 시작하여 >로 끝난다.

2. 태그에는 대, 소문자 구분이 없다.

3. < >로 열었으면 </ >로 닫아야 한다.

예를들어 <font>열고 </font>닫는다.

 

※ Img(이미지) 태그 - 이미지를 가져오는 태그

Img(이미지) 태그 사용법 : <img src="이미지 주소">

이미지 주소를 복사하는 방법

1. 인터넷에서 네이버나 다음으로 들어간다.

2. 검색란에 연예인이름을 쓰고 엔터를 친다.

3. 왼쪽에서 이미지를 클릭한다.

4. 원하는 사진 위에 마우스를 올려 놓고 오른쪽버튼을 누른 후 속성을 클릭한다.

5. 주소(URL)에 해당하는 주소를 범위지정하고 오른쪽버튼을 누른 후 복사를 클릭한다.

6. <img src="이미지 주소">

이곳에 커서를 놓고 Ctrl + V를 눌러 복사한 주소를 붙여 넣는다.

 

※ font 태그 - 글꼴, 글자색을 설정해주는 태그

font 태그의 사용법

<font size="2" color="red" face="굴림">글씨입력</font>

1. size="2" 글씨크기를 2로 나타내는 소스 (2는 10 point이다)

숫자는 1~7까지 커질수록 글자 크기가 커짐

2. color="red" 글자색을 빨강으로 나타내는 소스

3. face="굴림" 글꼴을 굴림체로 나타내는 소스

 

※ 마퀴(marquee)태그

- 글자나 그림 등을 흘러가게 해 주는 태그

1. 사용법  <marquee>내용(글자, 이미지)</marquee>

2. 속성

(1) 글자를 상, 하, 좌, 우로 움직여 주는 것.

“방향”에 up(위), down(아래), right(오른쪽), left(왼쪽).. 등의 방향을 준다.

direction : <marquee direction="방향">내용(글씨, 그림)</marquee>

(2) 글자를 한번 움직이던가, 좌우왕복이 반복하게 움직여 주는 것.

“움직임의 종류”가

한번 반복 후 화면 끝에서 정지되는 속성에는 behavior=slide를 쓰고 

  좌우왕복  시켜줄 때는 behavior=alternate 를 쓴다.

behavior : <marquee behavior=“움직임종류”>내용(글씨, 그림)</marquee>

 

※ Align 태그

- 그림옆에 글씨를 정렬하는 태그

Align 태그의 사용법

1. 위쪽정렬 : align="top",

2. 중앙정렬 : align="middle"

3. 아래쪽정렬 : align="bottom"

 

미니샵의 메인 HTML에 적용할 태그 ^~^

<font face="궁서체" size="4" color="purple">

이미지를 여러 개 삽입하고 싶으면 하고 싶은 만큼~~

<marquee behavior="alternate">

<img src="이미지주소" align="middle">

<img src="이미지주소" align="middle">

행복해</marquee></font>