인터넷의 기본인 태그(tag) 익히기와 HTML 활용

▣ 태그의 특성

 

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

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

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

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

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

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

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

 

▣ 태그소스로 구성된 html  익히기

 

   ⊙  단독으로 사용하는 태그

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

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

      ○ ul     한칸씩 띄우기              ○ u          글짜에 밑줄긋기

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

 

 ▣ font(글씨) 태그 의 기본형        

         <font size=4 color=red face=궁서체>   미추홀사랑 </font>

미추홀사랑

 

 ▣ marquee(움직이기) 태그 의 기본형

         <marquee direction=left scrollamount=4 behavior=alternate >

        <img src=http://bhbnpbk.com.ne.kr/icon/ico.gif><br>

        <font size=4 color=blue face=바탕>  

           미추홀사랑</font>

미추홀사랑

 

  ▣  table<테이불) 태그의 기본형태        

         <table border=5 bordercolor=red cellspacing=5 cellpadding=10 bgcolor=white   width=500 height=350 ><tr><td>

<img src=https://t1.daumcdn.net/cfile/tistory/120E0A374F141A3841?original width=500 height=400>

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

      

   ▣ img(이미지) 태그 : jpg,gif등 그림을 보이게 하는 태그

          <img src= https://t1.daumcdn.net/cfile/cafe/2767D543521B5AE52D width=500 height=350> 

 

   ▣  embed(음악 또는 스위시) 태그 : mp3 등 음악파일 이나 swf의 스위시파일 실행

         ☆ 음악    

            <embed src=http://y5line.com.ne.kr/407pop/01GreenGreenGrassOfHomeTJ.asf width=300 height=45>

 

         ☆ 스위시 작품

           <EMBED src=https://t1.daumcdn.net/cfile/cafe/124B16124CA5E7B550?original   width=480 height=360></EMBED>

 

   ▣  link(링크) 태그 :link를 걸어서 주요 내용을 보여 주거나 작품소스 분석

 

         <a href=https://t1.daumcdn.net/cfile/cafe/02094C4E519438C719>

          <font face=궁서 color=purple size=4>
         <img src=http://isoul.com.ne.kr/gif/button/images/bu53.gif><br>
         아름다운 자연경관</a></font>