공부하는 남자   



  • Key log

    • 공부 하는 남자
    검색 하는 남자

  • Log in out

  • 관리자

  • 편집

  • 글 쓰기

  • Link

  • Home
    • 감성 목수일지 세상살이 코딩공부 html/CSS공부 직업 블로그팁 이따구 정치판

    태그의 종류와 응용

    2014. 8. 12. 15:03   html과css공부

    태그와 명령어의 종류


    코딩문자 배우기 이번 시간에는 HTML/CSS 에 기본적으로 많이 쓰이는 태그와 명령어에 대한 공부를 해보도록 합니다.


    블로그나 카페를 처음 시작 하시는 분들이라면 자신의 블로그 메인 페이지 구성과 편집을 수시로 하게 되는데요

    그러기 위해서는 다른건 몰라도 아주 기본적인 태그들에 대해서는 알아 두어야 하겠죠


    알아 두면 유용한 각종 태그와 명령어들
     <html>:문서 전체를 결정 하는 부분 
     <html>:문서의 시작 

     <head>: html문서의 머리 

     <title>..</title>: html문서의 제목과 끝 

     <body>..</body>: html문서의 본문과 끝 

     </html>:문서의 끝 


     <html>:문서의 내용들 을 결정 하는 부분 
     <a>..</a>: 하이퍼 텍스트 연결(링크) 

     <width>: 가로폭결정 

     <height>: 세로폭결정 

     <font>: 글꼴지정 

     <font size>: 글씨 크기결정 

     <font color>: 글씨 색 결정 

     <font face>: 글씨체 결정 

     <i>: 글씨를 눕혀보이고자 할때 

     <background>: 배경 그림 결정 

     <bgcolor>: 바탕색 결정 

     <align=top>: 정렬 위로 

     <align=center>: 정렬 중앙 

     <align=bottom>: 정렬 아래 

     <br />: 엔터 한번 효과 

     <p></p>: 엔터 두번 효과 

     <hr>..</hr>: 수평선 그리기
     

     <u>..</u>: 밑줄 긋기 

     <b>..</b>: 굵은 글씨체 만들기 

     <ol>..</ol>: 순서 있는 목록 태그 

     <ul>..</ul>: 순서 없는 목록 태그 

     <li>..</li>: 목록의 리스트 

     <sub>..</sub>: 아래첨자아래 첨자 

     <sup>..</sup>: 윗첨자윗 첨자 

     <table>..</table>: 표를 만들기 위한 태그 

     <border>: 테두리 두께 결정 

     <td>..</td>: 셀의 내용지정 

     <tr>..</tr>: td를 사용할때 시작과 끝남 결정 

     <bordercolor>: 테두리 색결정 

     <cellspacing>: 셀과 테두리와의 간격 결정 

     <cellpadding>: 셀과 셀에 입력된 데이터의 사이간격 결정 

    <rowspan>: 세로줄을 합치게 함

     <bordercolorlight>: 테두리의 위쪽모서리색 지정 

     <bordercolordark>: 테두리의 아래쪽모서리색 지정 

     <frameset>..</frameset>: 프레임을 어떻게 나눌지 결정 

     <frameset cols>: 창을 좌우로 나눔 결정 

     <frameset rows>: 창을 상하로 나눔 결정 

     <pre>..</pre>: 실제 그대로 브라우저 화면에 반응케함 

     <img>: 그림삽입 

     <alt>: 그림설명 

     <embed>: 동영상,사운드 삽입 

     <src>: 경로 / 주소 

    <html>:콘텐츠에 내리는 명령어의 종류 

     <marquee>: 왼쪽으로 움직이게 하는 명령어 

    왼쪽으로 움직이게 하는 명령어 
     <direction>: 움직임의 방향을 결정 
    

  <direction="right">
글이 오른쪽으로 움직 입니다.


 
      <direction="up">
글이 위쪽 으로 움직 입니다.

    
 <redirection>:원 콘텐츠 소재지로 되돌림 결정 

     <scrollamount>:움직임의 속도결정
     
    
 
      <direction="left">
< scrollamount="1">속도를 결정 합니다.

     
     <loop>: 얼마만큼 반복해 줄것인가를 결정케함 

    움직임의 반복 횟수 결정

     <behavior!=alternate>: 움직이다 멈춤을 결정케함 



     <style=filter:fliph()>.. </style=filter:fliph()>: 그림의 좌우바꾸기 

     <span style="filter:fliph" ();height:1px;>..</span>: 글씨의 좌우바꾸기 

     

     <span style=filter:flipv();height:1px;>..</span>: 글이나 그림 상하바꾸기 

     <applet!!!>..</applet!!!>: 자바 애플릿 삽입 

     <script>..</script>: 자바 스크립트 삽입

     <html>:콘텐츠를 꾸며 주는 필터의 종류 
     <glow>: 필터속성중의 하나 

     <shadow>: 필터속성중의 하나 (박스 테두리 그림자)

     <alpha>: 필터속성중의 하나 (이미지 투명도)

     <blur>: 필터속성중의 하나 (붓글씨텃치그림자)

     <wave>: 필터속성중의 하나 (붓글씨 곡선의 유연성)

     <xray>: 필터속성중의 하나 

     <invert>: 필터속성중의 하나 

     <gray>: 필터속성중의 하나 


    다음 페이지 에서는 위의 각종 태그들 을 응용한 예제들 을 가지고 공부 하는 시간을 가져 보도록 합니다.


    다음 페이지


    저작자표시 비영리 변경금지
    T,back:     Comment:

    티스토리툴바