img 요소

(2019-08-29)
Top > [기술공통]
[기초과학]
[진동/파동]
[방송/멀티미디어/정보이론]
[전기전자공학]
[통신/네트워킹]
[정보기술(IT)]
[공학일반(기계,재료등)]
[표준/계측/품질]
[기술경영]
통신/네트워킹 >   1. 통신 이란?
  2. 신뢰적 통신
[통신이론]
[선로/전송]
[통신망 일반]
[회선교환(PSTN)]
[무선/이동통신]
[광통신]
[인터넷/데이터통신]
인터넷/데이터통신 >   1. 데이터통신망
  2. 인터넷
  3. 데이터 네트워크 설계
[데이터 단위]
[프로토콜/계층]
[데이터 링크]
[TCP/IP]
[라우팅]
[인터넷 QoS]
[인터넷 관리]
[웹기술]
[인터넷 응용]
[인터넷 기타]
[패킷교환(PSN)]
[인터넷 관련 기관]
웹기술 >   1. 웹 이란?
  2. 하이퍼텍스트
[웹 구성]
[HTTP]
[웹 페이지]
[웹 식별]
[웹 서비스]
[차세대 웹]
[웹기술 기타일반]
웹 페이지 > [마크업 언어]
[DOM,BOM]
[웹 기능 요소]
[웹 디자인]
마크업 언어 >   1. 마크업 언어
  2. SGML
  3. DTD
[HTML]
[XML]
HTML >   1. HTML
  2. HTML 용어
  3. DHTML
[HTML 요소]
[HTML5]
HTML 요소  1. HTML 구성 요소/종류
  2. 기본 구조 요소 (html,head,title,body 등)
  3. a 요소
  4. form 요소
  5. img 요소
  6. html 속성
  7. 기타 요소
  8. 시맨틱 웹
  9. 시맨틱 요소

1. 이미지 (image) 요소이미지 속성 : (필수) src, alt, (선택) width, height 등
     - 이미지 파일 경로 : src 속성 이용
     - 이미지 대체 텍스트 지정 : alt 속성 이용

  ㅇ 이미지 보이기 유형 : inline 요소 임

  ㅇ 이미지 파일 형식
     - 가능한 이미지 파일 형식 : GIF, JPEG, PNG이미지 정렬
     - 인라인 내 이미지 기준 정렬
        . 이미지 기본 위치     : 기본적으로 텍스트 하단 기준선에 맞춰 정렬됨
        . 텍스트 기준 상하정렬 
           .. img 태그 align 속성에 top,middle,bottom 속성값으로 상하 기준 정렬
           .. CSS 속성 vertical-align: text-top/text-middle/text-bottom 로써 상하 기준 정렬
     - 블록 내 이미지 중앙 정렬 
        . img 요소의 부모 요소에 text-align 속성을 추가
        . img 요소를 display: block 속성값에 의해 block 요소로 만들고,
          margin: 0px auto 속성값에 의해 중앙 정렬

  ㅇ 이미지 주변
     - 이미지 주변의 텍스트,공백,경계선 등의 조절은 CSS 스타일을 이용

  ㅇ 이미지 적응
     - 장치 크기에 따라 다른 이미지를 적응적으로 적용하려면 자바스크립트 등을 활용


2. 웹페이지이미지 삽입 방법 둘

  ㅇ ① 인라인(inline) 형태로써, img 요소의 삽입
  ㅇ ② CSS 배경 이미지(CSS background-image)로써, 이미지 삽입


[HTML 요소] 1. HTML 구성 요소/종류 2. 기본 구조 요소 (html,head,title,body 등) 3. a 요소 4. form 요소 5. img 요소 6. html 속성 7. 기타 요소 8. 시맨틱 웹 9. 시맨틱 요소
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   방송/멀티미디어/정보이론
  5.   전기전자공학
  6.   통신/네트워킹
          1. 통신 이란?
          2. 신뢰적 통신
    1.   통신이론
    2.   선로/전송
    3.   통신망 일반
    4.   회선교환(PSTN)
    5.   무선/이동통신
    6.   광통신
    7.   인터넷/데이터통신
            1. 데이터통신망
            2. 인터넷
            3. 데이터 네트워크 설계
      1.   데이터 단위
      2.   프로토콜/계층
      3.   데이터 링크
      4.   TCP/IP
      5.   라우팅
      6.   인터넷 QoS
      7.   인터넷 관리
      8.   웹기술
              1. 웹 이란?
              2. 하이퍼텍스트
        1.   웹 구성
        2.   HTTP
        3.   웹 페이지
          1.   마크업 언어
                  1. 마크업 언어
                  2. SGML
                  3. DTD
            1.   HTML
                    1. HTML
                    2. HTML 용어
                    3. DHTML
              1.   HTML 요소
                1.     1. HTML 구성 요소/종류
                      2. 기본 구조 요소 (html,head,title,body 등)
                      3. a 요소
                      4. form 요소
                      5. img 요소
                      6. html 속성
                      7. 기타 요소
                      8. 시맨틱 웹
                      9. 시맨틱 요소
              2.   HTML5
            2.   XML
          2.   DOM,BOM
          3.   웹 기능 요소
          4.   웹 디자인
        4.   웹 식별
        5.   웹 서비스
        6.   차세대 웹
        7.   웹기술 기타일반
      9.   인터넷 응용
        1.   NetBIOS
        2.   DNS
        3.   가상단말
        4.   FTP
        5.   전자메일
        6.   VoIP
        7.   VPN
        8.   무선인터넷
        9.   전자상거래
        10.   개인 컨텐츠
        11.   인터넷 기타 응용
      10.   인터넷 기타
      11.   패킷교환(PSN)
      12.   인터넷 관련 기관
  7.   정보기술(IT)
  8.   공학일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

    요약목록
Copyrightⓒ written by 차재복 (Cha Jae Bok)        「 소액후원 」