행복은 노력의 대가로 얻는 것이 아니라 지금의 소소함을 놓치지 않는 것이다

행복은 노력의 대가로 얻는 것이 아니라 지금의 소소함을 놓치지 않는 것이다

지란지교(芝蘭之交) 자세히보기

배움의 전당/컴퓨터 자료

태 그

정부혜 2015. 5. 31. 23:16

 태 그


▣ 태그의 특성

   ○ 인터넷상의 html언어를 구성하는 소스를 말한다

   ○ 태그명령은 <  >으로 이루워 진다

   ○ 처음에 태그로 시작하면 마감태그로 끝난다

       예 ; <font> ........</font>

       단 <br> <p> 등은 예외다

   ○ 태그는 소문자와 대문자를 구별하지 않는다

   ○ 태그 명령어가 2개 이상이면 마감태그는 역순으로 같이한다

       <table><tr><td>.........</td></tr></table>


▣ 태그명령어 (50여개)

 ⊙  font (글씨) 태그 : 글의 형태, 색깔, 크기 등을 지정하는 태그

  ○ font size (크기) = 1 ~7 (1이 작은 수 7이 가장 큰 수)

  ○ font color (색깔) = red (붉은색,ff0000), blue (청색,0000ff)

                        green (녹색,008000),white (흰색,ffffff)

                        black (검은색,000000), yellow (노랑색,ffff00)

  ○ font face (글꼴) = 바탕,돋움,궁서,굴림,고딕 백송,휴먼옛체,백송,엽서

         예 ; <font face=궁서 color=red size=3> 미추홀 사랑 </font>

 ⊙  중요 글자 (font) 명령어

   ○ br   한줄 띄우기          ○ p   두줄 띄우기(br의 2개 효과)

   ○ B    글자를 굵게 만들기   ○ I   글자를 옆으로 만들기(이태릭체)

   ○ UL   한칸씩 띄우기        ○ U  글짜에 밑줄긋기

   ○ pre   본래대로 보이기      ○ center  가운데로 보내기


⊙  Marquee (움직이기) 태그 : 글이나 그림을 움직이게 하는 명령어

   ○ marquee direction(방향) =right(오른쪽) up(위로) down(아래로)

   ○ marquee scrollamount=1(천천히),  10  (빠르게)

   ○ marquee behavior!=alternate 반복해서 왔다 갔다 하기

   ○ style=filter:fliph()  사람이나 동물의 진행 방향을 바꾸기

   예:<marquee direction=right scrollamount=2> 사랑 합니다</marquee>

⊙ Table(테이불) 태그 : 표를 만들기 위한 태그


    table border=10 테이불 두께

    border color=red  테두리 색깔

    cellspacing=5 셀과 셀사이의 간격

    cellpadding=10 셀과 그림사이의 여백

    <TR>  셀의 가로

    <TD>  셀의 세로 <TR><TD>가 합처서 테이불이 됨

    width = 600 넓이의 픽셀값

    height = 400 높이의 픽셀값

    bgcolor = aqua

    background = 주소삽입(url)

      예 : <table border=5 bordercolor=brown cellspacing=10

           cellpadding=5 bgcolor=aqua width=600 height=400>

           <tr><td>....</td></tr></table>


⊙  이미지 태그 : jpg, bmp, gif등 그림파일을 보이게 하는 태그


   <img a src = 주 소 width=600 height=400>그림작품 이름</img>


⊙  동영상 태그 : mid, mp3, wav,asf,wma등 음악파일 실행


   <embed a src = 주 소</embed>

    loop=1  한번만 들려줌    loop=-1  반복해서 들려줌

    hidden=true 미디어 콘트롤러를 감춤   hidden=false 보여줌

    autostart=true 자동연주   autostart=false 프래이키를 클릭하면 연주

    width와 height  미디어 콘트롤러의 높이와 가로


⊙ 링크 태그: link를 걸어서 보여주거나  스위시 작품소스를 볼때

   <a href = 주 소 > 주소의 내용 </a>


⊙ Iframe 태그 (엔피작품,섬네일 등을 실행)

   <iframe a src = 주 소 scrolling=no width=600 height=400> 엔피작품       </iframe>