[템플릿] 태그 & CSS 정리 on 블로그

[템플릿] 태그 & CSS 정리 on 블로그


자주 사용하는 HTML태그목록과 CSS유형을 블로그에 정리해 두고 쉽게 참고할 수 있도록 디지털 마인드맵 프로그램, 씽크와이즈(ThinkWise)로 템플릿을 만들었습니다.^^

  1. HTML, 태그 CSS기초
  2. CSS 블랭크 폼
  3. a 태그 - 텍스트링크
  4. a 태그 - 이미지링크
  5. a 태그 - 북마크
  6. h태그 - 제목(Topic)
  7. img 태그 - 이미지
  8. table 태그 - 테이블
  9. ul 태그 - 목록
  10. 주석태그
  11. 태그 / CSS제목
  12. 태그 / CSS제목
  13. 태그 / CSS제목
  14. 태그 / CSS제목
  15. 태그 / CSS제목
  16. 태그 / CSS제목
  17. 태그 / CSS제목
  18. 태그 / CSS제목
  19. 태그 / CSS제목
  20. 태그 / CSS제목
  21. 태그 / CSS제목
  22. 태그 / CSS제목
  23. 태그 / CSS제목
  24. 태그 / CSS제목
  25. 태그 / CSS제목
  26. 태그 / CSS제목
  27. 태그 / CSS제목

  • HTML, 태그 CSS기초

    기본유형

    • HTML 색상코드 - 블로그
      링크 : 블로그

  • CSS 블랭크 폼

    <style type=text/css>
    </style>

    • 설명 :

  • a 태그 - 텍스트링크

    <a href=" url " title=" 말풍선 " target="_blank">표시어</a>

    • 설명 :

  • a 태그 - 이미지링크

    <p style="text-align: center; ">
       <a href=" URL " title=" 원본 이미지보기 " target="_blank">
       <img src=" 이미지 URL " style="width: none; height: none; " /></a>
    </p>

    • 설명 : 이미지를 가운데 정렬하기 위해~~
    • 주요속성 : 
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • a 태그 - 북마크

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :

  • h태그 - 제목(Topic)

    기본유형

    • 설명 :
    • 실행결과 (이미지 ) :

  • img 태그 - 이미지

    <img align="right" hspace="20" vspace="10" src=" URL " style="width: 350px; height: none; alt: ; border: 1px solid black ; " />

    • 설명 :
    • 주요속성 :
    • 약식 : <img src=" URL " style="width: 50px; " />
    • 실행결과 (이미지 ) :

  • table 태그 - 테이블

    기본유형

    • 설명 :
    • 주요속성 :
    • table 태그 - 테이블태그의 기본구조 & 약식 / 변형 유형들
      링크 : 에버노트

  • ul 태그 - 목록

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 주석태그

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :

  • 태그 / CSS제목

    기본유형

    • 설명 :
    • 주요속성 :
    • 적용예시 :
    • 실행결과 (이미지 ) :


빌 게이츠 마이크로소프트 회장은 "앞으로는 '인텔리전트 에이전트'와 '마인드 매퍼' 같은 인공지능 소프트웨어가 단순한 정보를 유용한 지식으로 바꿔주게 될 것"이라고 전망했습니다.

지식과 정보관리, 업무혁신과 개인생활의 활력을 원하는 분께 씽크와이즈를 강추합니다.^^

ThinkWise 입문과 맵핑달인되기



 

Posted by 복리를 밑자

댓글을 달아 주세요