배움터/컴상식,인터넷이용

Editor(편집) 와 태그로 구성된 HTML언어

어르신1 2011. 8. 4. 20:49

Editor(편집) 와 태그로 구성된 HTML언어

 

☆ 에디터(현 상태보기) 

    ○ 타카페에서 가져오기

       ☆ 스크랩으로 가져오기 → 카페에서 작품크릭 → 맨 아래쪽우편에 있는 이글을..

           → 카페선택 → 게시판 선택 크릭

       ☆ 복사로 가져오기(에디터와 html구분) → 가져올 작품만 선택 → 우클릭 복사

           →내 카페 메뉴선택→ 글쓰기 →우클릭하여 붙혀넣기

    ○ 내카페에 가져오기

       ☆ 이미지 (jpg,gif) → 가져올 메뉴선택 → 글쓰기 → 에디터 상태에서 →사진

             →사진추가 → 저장위치에서 이미지 선택하고 열기 → 등록

       ☆ 앨범 → 사진올리기 → 글쓰기 → 사진 → 사진추가 → 이미지선택 열기 →등록

       ☆ 동영상 (avi,wmv,mpeg) → 직접올리기 → 파일찾기 → 올리기

       ☆ 파이 →파이선택 → 사진올리기 → 저장한 사진 선택 → 열기 → 등록

       ☆ 파일 → 파일찾기 → 저장된 파일(mp3,swf)가저오기 → 등록 → 첨부된 파일 클릭

            →파일받기에서 파일(mp3,swf)우크릭하여 주소 복사 → 수정 →글쓰기에서 →

             <embed a src=주소 붙혀넣기> → 등록

 

☆ 태그로 구성된 html 기본형 

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

         <font size=3 color=red face=궁서체>   구인회 </font>

 

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

         <marquee direction=left scrollamount=1>

        <font size=3 color=red face=궁서체>  

           구인회</font></marquee>

 

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

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

<img src=http://kth5775.com.ne.kr/090707/090806/02.jpg>

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

      

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

          <img src= http://kth5775.com.ne.kr/090707/090806/01.jpg width=600 height=400> 

 

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

          ☆ 음악    

            <embed src=http://mediafile.paran.com/MEDIA_872453/BLOG/200710/1192170432_fallletter.wma width=300 height=45>

         ☆ 스위시 작품

           <embed src="http://bada6325.com/swish/01.swf" width="540" height="350"     type="application/x-shockwave-flash">

 

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

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

 

 ▣  iframe 태그 ; 섬네일, html, anfy 등 작품을 실행

       <iframe  src="http://koj045.com.ne.kr/090925/555.html " width=670 height="560" scrolling=no frameborder=0></iframe>


 

 ⊙  단독으로 사용하는 태그

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

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

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

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