본문 바로가기

▣컴퓨터 활용팁

HTML태그의 기본

반응형

글자관련 태그

1. 글씨에 색깔을 바꾸고 싶습니다
.

글씨의 색깔을 바꾸고 싶으시다면 <font>태그를 쓰면 됩니다.
예를 들어 <font color=blue>안녕하세요~</font> 라고 쓰면 이 내용은 글씨(font)의
색(color)를 파란색(blue)로 바꾸고 그 내용의 "안녕하세요~"를 출력하고 이제 안
바꾼다는 표시(/font)입니다.
 
2. 글자를 움직이게 할려면 어떻게 해야해요?

글자를 움직이게 하는 태그는 <marquee>입니다.
흐르는 방향 지정할 때는 DIRECTION 옵션값을 left , right , up , down로 지정합니다.
아래의 예를 살펴보시기 바랍니다.

<MARQUEE DIRECTION="right">왼쪽에서 오른쪽으로 흐릅니다. </MARQUEE>
<MARQUEE DIRECTION="left">오른쪽에서 왼쪽으로 흐릅니다. </MARQUEE>
<MARQUEE DIRECTION="up">아래에서 위로 올라갑니다. </MARQUEE>
<MARQUEE DIRECTION="down">위에서 아래로 내려갑니다. </MARQUEE>
<MARQUEE BEHAVIOR="slide">slide 는 왼쪽 끝에 도달한 후 멈춤. </MARQUEE>
<MARQUEE BEHAVIOR="alternate">alternate 는 진행방향을 교대. </MARQUEE>
 


 
3. 그림 바탕 위에 글을 쓰는 태그는 무엇입니까?

일단 그림 배경을 놓은 다음에 글씨를 넣어야 합니다. 예를 들어서 설명해 보겠습
니다.
<table width="640" height="480" background="http://xx.com/background/whatever.gif">
<tr>
<td> 원하는 글을 입력하세요. </td>
</tr>
</table>
위의 태그에서 글씨의 위치를 수정 하실려면 앞의 td 태그에 align="left" 왼쪽정렬
align="right" 오른쪽 정렬, align="center" 중앙정렬 그리고 valign 태그를 넣으면
원하는 곳에 정렬할 수 있습니다.
 
4. 글을 가로말고 세로로 쓰고 싶어요.

<table background=”http://xx.com/background/whatever.gif” width=600 height=450
cellpadding=10 cellspacing=0 border=0>
<tr>
<td>
<marquee direction=up scrollamount=1 scrolldelay=100 loop=infinite width=400 height=200>
기<br>다<br>리<br>세<br>요
</marquee>
</td>
</tr>
</table>
 
줄바꿈 태그 <br>로 글씨를 세로로 쓸 수 있습니다. 움직이지 않게 글씨만 쓰실려면
<marquee>태그부분은 없애주시면 됩니다.


5. 글자의 색상 지정은 어떻게 하나요?

기본 적인 색상은 red, blue, green, cyan 등의 영문 단어를 입력할 수 도 있고, RGB
색상코드를 직접 입력하셔도 됩니다. 아래의 예를 참고하세요.

<font color="#000000">검정색</font>
<font color="#0000ff">파란색</font>
<font color="red">빨간색</font>


 
6. 글자의 굵기, 크기, 모양 등을 바꾸고 싶어요.

일단 글자에 관한 모든 태그는 <font>태그를 쓰는 건 아시죠? 글씨 진하게는 진하게
하고싶은 글씨 앞에 <b>를 붙여주시면 됩니다. 글씨크기는 글씨 앞에 <font size=숫
자>써주시면 됩니다. 글자의 폰트 모양을 변경하고 싶을 때는 <font face=“원하는
폰트 이름”>형식으로 쓰면 됩니다.


7. 태그로 첨자 쓰는 법을 알려주세요.


윗첨자는 <sup>를 사용하고 아래첨자는 <sub>를 사용합니다. 아래 예를 참고 하세요


<sup>윗첨자 </sup>
<sub>아래첨자</sub>


8. 글을 가운데 정렬하고 싶어요.

글은 가운데 정렬 뿐만 아니라 왼쪽정렬이나 오른쪽정렬도 할 수 있습니다.
우선 테이블을 만든 후, 테이블태그 안에서의 글씨를 정렬할 때 <td>를 아래 예와
같이 유용하게 사용 할 수 있습니다.
<td align=center>가운데 정렬</td>
<td align=left>왼쪽 정렬</td>
<td align=right>오른쪽 정렬</td>

테이블을 만들지 않을 경우에는 <div>를 사용하시면 됩니다.

<div align=center>가운데 정렬</div>
<div align=left>왼쪽 정렬</div>
<div align=right>오른쪽 정렬</div>


 
 
 


 이미지관련태그

 


1. 이미지를 배경으로 만드는 태그를 알고 싶습니다.

이미지를 배경으로 만들려는 태그는 <body background="그림주소">입니다.
그림 주소는 인터넷에서 맘에 드는 그림을 마우스에 놓고 오른쪽 클릭 후 등록정보
에서주소를 복사해서 넣으시면 됩니다.


2. 이미지를 오른쪽 하단에 한 개만 나오게 하고 싶습니다.

Body 태그의 속성을 지정하려면 style 태그를 써야 합니다.

<style type=“text/css”>
Body
{background-image:url(이미지주소);background-repeat: no-repeat;background-
position: bottom right;}
</style>

이런 식으로 태그를 쓰면 이미지가 오른쪽 하단에 한 개만 나옵니다.
만약 수정을 원하면 position부분을 수정하면 됩니다.


 
3. 이미지를 삽입하고 싶습니다.

이미지를 삽입하기 위한 HTML 태그는 <img>이며,
그 형식은 <img src="그림주소”>입니다.
이미지 크기를 강제로 조정하기 위해서는 <img src="그림주소" width="x" height="y“>
형식으로 사용하면 됩니다.


 
4. 배경을 움직이지 않게 하는 태그

Body 태그에서 바탕 화면을 주고 나서 고정 하는 태그는 아래와 같습니다.

<body background="이미지파일" bgproperties="fixed">
여기서 bgproperties="fixed" 속성을 주면 스크롤 해도 바탕화면 이미지가 고정됩니다.


 


 멀티미디어 관련 태그
 


1. 동영상을 올리고 싶습니다.

동영상을 올리기 위한 기본 태그 형식은 <embed src="동영상의 주소">입니다.

만약에 다른 웹싸이트에서 본 동영상을 게시판에 올기고 싶으시다면 동영상 플레이
어에 마우스를 대고 마우스오른쪽버튼을 클릭해서 등록정보를 보시면 인터넷상의
주소가 나타납니다. 그 주소를 복사한 뒤 "동영상의 주소" 부분에 카피해 넣으면
됩니다.


2. <embed>태그로 게시판에 동영상을 올렸는데 플레이가 안되네요.

우선 문법에 맞는 태그를 사용하셨는지 살펴보시고, 문법에 문제가 없다고 확인이
되면, 해당 동영상이 서버에서 삭제된 것이 아닌지 확인해 보십시오. 동영상은 대부
분 파일 싸이즈가 큰 관계로 서버 관리자가 삭제하여, 지정한 주소에서 접근이 불가
능해 질 경우가 종종 있습니다.


3. 음악 올리 때 쓰는 태그는 뭔가요?
동영상과 마찬가지로 <embed src=”mp3 파일의 주소”>형태로 음악파일의 주소를
지정하면 음악을 들을 수 있습니다
 
출처 : http://bobpul.okcashbag.com/

반응형

태그

  • 중학생 2009.06.11 22:55

    감사해요^^ 내일 컴퓨터 수행평가가 있는데 깜빡하고 학습지를 학교에 놔두고 왔거든요.ㅠㅠ
    배워가요오