본격적인 html 공부전 웹 이미지, 특수 기호

<이미지>

Raster(bitmap) [.jpeg, .gif, .png]

-픽셀이 모여 만들어진 정보의 집합.

-정교하고 다양한 색상을 자연스럽게 표현

-확대 축소시 계단 현상, 깨짐, 품질 저하

jpg(jpeg)

-손실 압축(용량 낮음), 표현 색상도(24비트 약1600만 색상) 이미지의 품질과 용량을 쉽게 조절 가능 가장 널리 사용

png

-비손실 압축(용량이 클 수 있다), 8비트(256색상) 24비트 (1600만 색상) 동시 지원, 투명도 지원, w3c 권장 포맷

gif

-비손실 압축, 여러 장의 이미지를 한개의 파일에 담을 수 있다(움짤, 애니메이션) 8비트 색상만 지원 다양한 색상 표현 적합 X

webp

-jpg,png,gif를 모두 대체 가능한 구글이 개발한 이미지

-완벽한 손실/비손실 압축 지원 

-gif 같은 애니메이션 지원 투명도 지원 최신 기술이라 브라우저 확인 필요

vector [.svg]

-점, 선, 면의 위치, 색상 등 수학적 정보의 형태로 이루어진 이미지.

-확대 축소에서 자유로움 용량 변화 없음

-정교한 이미지(인물 ,풍경)를 표현하기 어렵다.

svg

-해상동의 영향에서 자유로움, css와 js로 제어 가능 파일 및 코드 삽입 가능

<특수문자>

[  `  ]  백틱, 그레이브 backtick, grave

[  ~  ]  틸드, 물결 tilde

[  !  ] 느낌표 Exclamation mark 

[  @  ] 골뱅이 앳  at sign

[   #  ] 샵 넘버 우물정자 sharp

[  $  ]   달러, dollar sign

[  %  ] 퍼센트 percent sign

[  ^  ]  캐럿 caret

[  &  ] 엠퍼센드 ampersand

[  *  ] 에스터리스크, 별표 asterisk

[  -  ] 하이픈, 대시, 마이너스 hyphen, dash

[  _  ] 언더스코어, 로대시 Underscore, low dash

[  =  ] 이퀄, 동등 equals sign

[  "  ] 쿼테이션, 큰 따옴표 Quotation mark

[  '  ] 아포스트로피, 작은 따옴표 Apostrophe

[  :  ] 콜론. colon

[  ;  ] 세미콜론, semicolon

[  ,  ] 콤마, 쉼표, comma

[  .  ] 피리어드, 닷, 점, 마침표 period, dot

[  ?  ] 퀘스천, 물음표, question mark

[  /  ] 슬래시, slash

[  |  ] 버티컬 바, vertical bar

[  \  ] 백슬래시, 역 슬래시, backslash

[  ( )  ]  퍼렌서시스, 소괄호, 괄호, parenthesis

[  {  }  ] 브레이스, 중괄호, brace

[  [  ]  ]  브래킷, 대괄호, bracket

[  <  >  ] 앵글 브래킷, 꺽쇠괄호, angle bracket