16캠핑버스테마여행

경제의 "눈"

그림이나 문서를 문서의 중앙에 위치하기

여행가/허기성 2007. 6. 3. 20:56

그림이나 문서를 문서의 중앙에 위치하기


   
<html>
<head>
<title></title>
</head>
<body>
<center><img src="나타날 그림 파일 경로></center>
<center>AH64 아파치 공격용 헬기</center>
</body>
</html>


   

<center>로 둘러싸인 그림이나 문장은 문서의 중앙에 위치됩니다.

위와 같이 할 경우 아래와 같이 그림이나 문장이 웹문서의 중앙에 나타납니다.


AH64.아파치 공격용헬기

 

글을 인용하기 위해 기울여 쓰기


   
<html>
<head>
<title></title>
</head>
<body>
소크라테스는 <CITE>너자신을 알라~!</CITE>라고 하였다.
</body>
</html>


   

 <cite>태그로 둘러싸인 글은 기울 게 됩니다.

소크라테스는 너자신을 알라~!라고 하였다.

 

목록앞에 동그라미 기호 표시하기


   
<html>
<head>
<title></title>
</head>
<body>
<DIR>
<LI>A
<LI>B
<LI>C
<LI>D
</DIR>
</body>
</html>


   

<DIR>태그로 둘러싸이고 목록을 표시하는 <LI>로 정의하면 앞에 동그라미가 표시됩니다.

위와 같이 하였을 경우 아래와 같이 나타납니다.

  • A
  • B
  • C
  • D

    •  

     

    글자의 형태와 크기 및 색깔 지정하기


       
    <html>
    <head>
    <title>웹문서의  제목 적는 부분</title>
    </head>
    <body>
    <FONT FACE="굴림" SIZE=6  COLOR="#색상코드">굴림체이고 사이즈가 6이고 색상코드에서 지정한 색상의 글</FONT>
    </body>
    </html>


       

    <FONT>태그는 글자의 여러 표현방식을 정의하며 옵션으로는 FACE.SIZE,COLOR을
    사용할 수 있습니다.
    색상코드는 소스나라 하단의 색상코드를 클릭하여 보십시오.

    굴림체이고 사이즈가 6이고 색상코드에서 지정한 색상의 글

     

    라인(괘선) 긋기


       
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <hr size="2" width="350" align="center">
    </body>
    </html>


       

     <HR> 태그는 괘선을 긋습니다.
    size= 높이(굵기)
    width= 가로크기 , 단위를 안붙이면 픽셀단이이며 %를 붙이면 웹 브라우저에 대한 비율
    align= left(왼쪽), center (중앙) , right (오른쪽) 정렬


    위의 경우 굵기가 2이고 길이가 350픽셀이며 문서의 중앙에 라인을 긋습니다.

    링크된 문자에 배경색 지정하기


       
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <A HREF="클릭했을 때 나타날 문서나 사이트 주소" style="background-color:pink">소스나라</A>
    </body>
    </html>


       

    위와 같이 할 경우 링크된 소스나라 글자의 배경색이 핑크색이 됩니다.


    소스나라


     

    음악이나 동영상 등의 멀티미디어 파일 간단히 넣기


       
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <embed src="http://www.photomoa.co.kr/snMuti/sound/1.asf" width="300" height="200">
    </body>
    </html>


       

    위와 같이 할 경우 아래와 같이 음악이 흘러나오고 재생기도 나타납니다.
    <EMBED SRC="멀티미디어파일 경로" WIDTH="300" HEIGHT="240">
    멀티미디어 파일은 미디음악,ASF 나 WMV동영상,avi동영상,wav음악,MP3 등 여러가지가 있습니다.
    어떤 파일이냐에 따라 컴퓨터 시스템에 있는 플러그 인 재생기가 나타납니다.     
    WIDTH="300" HEIGHT="240"은 가로,세로 300,200픽셀로 재생기를 나타냅니다.

     

     

     

    '경제의 "눈"' 카테고리의 다른 글

    배너 혹은 이미지가 설정해준 경로대로 움직입니다.  (0) 2007.06.03
    여러장의 그림이 자연스럽게 변합니다.  (0) 2007.06.03
    [스크랩] 달라지는 "삶"의 효과  (0) 2007.06.03
    [스크랩] 포옹을 하면 좋은이유 10가지  (0) 2007.05.13
    [스크랩] 우편번호 검색  (0) 2007.05.12

    '경제의 "눈"'의 다른글

    • 현재글그림이나 문서를 문서의 중앙에 위치하기

    관련글

    티스토리툴바