img 요소

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

  ㅇ 보이기 유형(block,inline) 
     - inline 요소 임

  ㅇ 이미지 파일 형식
     - GIF, JPEG, PNG이미지 주변
     - 이미지 주변의 텍스트,공백,경계선 등의 조절은 CSS 스타일을 이용
     - 기본으로, 경계선(border) 나타남

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


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

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


3. 이미지 정렬

  ㅇ 인라인 내 이미지 기준 정렬
     - 이미지 기본 위치     : 기본적으로 텍스트 하단 기준선에 맞춰 정렬됨
     - 텍스트 기준 상하정렬 
           .. img 태그 align 속성에 top,middle,bottom 속성값으로 상하 기준 정렬
           .. CSS 속성 vertical-align: text-top/text-middle/text-bottom 로써 상하 기준 정렬

  ㅇ 블록 내 이미지 중앙 정렬 
     - img 요소의 부모 요소에 text-align 속성을 추가
     - img 요소를 display: block 속성값에 의해 block 요소로 만들고,
       margin: 0px auto 속성값에 의해 중앙 정렬


[HTML 요소] 1. HTML 구성 요소/종류 2. 기본 구조 요소 (html,head,title,body 등) 3. meta 요소 4. a 요소 5. img 요소 6. 기타 요소 7. 시맨틱 웹 8. 시맨틱 요소 9. html 속성
[form 요소]
  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. HTML 구성 요소/종류
                    2. 기본 구조 요소 (html,head,title,body 등)
                    3. meta 요소
                    4. a 요소
                    5. img 요소
                    6. 기타 요소
                    7. 시맨틱 웹
                    8. 시맨틱 요소
                    9. html 속성
                1.   form 요소
              2.   HTML5
            2.   XML
          2.   DOM,BOM
          3.   웹 기능 요소
          4.   웹 디자인
        4.   웹 식별
        5.   웹 서비스
        6.   차세대 웹
        7.   웹기술 기타일반
      9.   인터넷 응용
      10.   인터넷 기타
      11.   패킷교환(PSN)
      12.   인터넷 관련 기관
  7.   정보기술(IT)
  8.   공학일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

 
        최근수정     요약목록     참고문헌