# background image
<img> 태그와 background-image
img태그와 background-image를 사용할때 여러가지 차이점이 존재한다. A. 코딩에서의 차이 A-1 img 태그 "img"를 사용할때에는 html코드로만 페이지에 이미지 붙히기가 가능하며, width를 통해 이미지의 사이즈 조절이 가능하다. 특히 여기서 재밌는점은, width 값만 입력해도, 저절로 비율에 맞춰져 height도 계산이 된다....
background-image
👉 img 콘텐츠와 밀접한 연관이 있는 이미지 사용 시에 적합 부분에 이미지 설명을 넣어 웹 접근성을 준수할 수 있다. 이미지 설명이 h2, p, span 등의 태그로 기재된다면, 뒤의 을 삭제하여 '이미지 설명 제공하지 않는다.' 라는 의미인 로만 작성하면
[HTML/CSS] 01. 사이트에 이미지 넣는법
<img> 태그의 사용<div> 태그에 background-image 속성을 추가하는 것<img> 태그의 경우 이미지 로딩이 실패한 경우 대체텍스트(alt)가 출력되지만,background-image 로 사용한 이미지의 경우 대체 결과물이 출력 되지 않
Semantic
컴퓨터가 이해하기 편하게 만든 웹(의미론적인 웹)각 태그의 의미를 더욱 명확하게 할 수 있습니다.div에 class명을 지을때 직관적으로 지어야한다고 하는데, 이때 이유가 나타납니다.1.class명에 따라 태그 내부에 어떠한 내용을 채워야하는지 이정표가 됨2.tag들이
[HTML] img vs [CSS]background-image
이미지를 넣는 2가지 방법 1.HTML 에서 img 태그를 사용한다. 2.CSS 에서 background-image 속성을 사용한다. [HTML] img 태그를 사용하는 경우 프린트가 필요한 경우 : 백그라운드 이미지는 출력시 포함되지 않는다. 이미지에 문구가

[CSS]배경 관련 스타일 시트
ex) background-color : pink; : 배경색으로 분홍색이 된다.repeat 생략시 기본값이어서 바둑판식으로 나온다.repeat: 배경이미지를 바둑판식 배열로 나타냅니다.(생략시 기본값)no-repeat: 배경이미지를 반복하지 않고 한 번만 나타냅니다.
semantic web과 semantic tag
semantic web이란?기계가 읽고 처리할 수 있는 웹을 개발하기 위해 탄생한 의미론적인 웹.구성요소1.RDF(resouce Description Framework): 웹상의 메타데이터의 표현과 교환을 위한 프레임워크2.XML(eXtensible Markup Lan
semantic web과 semantic tag
semantic web이란?기계가 읽고 처리할 수 있는 웹을 개발하기 위해 탄생한 의미론적인 웹.구성요소1.RDF(resouce Description Framework): 웹상의 메타데이터의 표현과 교환을 위한 프레임워크2.XML(eXtensible Markup Lan

Semantic Web / Semantic Tag
Q. img 태그를 사용하는것과 div 태그에 background-image 속성 추가하는것 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명하시오. 해당 내용을 설명하기 위해서 Semantic Web, Semantic Tag를 알아야 한다. Sema
CSS 속성 (3)
ex.(이미지는 내가 좋아하는 영화 주토피아의 캐릭터 주디이다.)이 때 배경색상은 기본적으로 배경이미지 뒤에 출력되는 것을 볼 수 있다.repeat-x를 사용하면 수평으로'만' 반복하고repeat-y를 사용하면 수직으로'만' 반복한다.background-image의 기
CSS 이미지 추가 방법과 시맨틱웹, 시맨틱태그
사이트에 이미지를 넣는 방법은 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 두가지 방법이 있다.• img태그를 사용하는 방법• css로 background-image 속성을 추가하는 방법img 태그를 사용하는게 좋은 경우는 이미지에 문구가

img 태그와 background-image 속성의 차이
우리가 웹페이지에 이미지를 추가하는 방법은 2가지가 있다.이렇게 총 2가지 방법이 있다.이 글을 쓰기전에 필자가 생각했던 기준은 내가 사용하고자 하는 이미지가 사용자에게 홍보하고 있는 제품의 이해를 도와준다고 생각하면 img 태그를 쓰고, 그냥 스타일적 요소만 추가하고

웹 프로그래밍 3일차(실습)
꿀팁div class빠르게 적는방법①div.div1②.div2"."이 클래스를 의미하기 때문에 .div2라고 적어도 바로 div class가 나온다.참고자료:(무료html 템플릿)https://www.free-css.com/free-css-templates(
TIL: HTML img
Q : "사이트에 이미지를 넣는 방법은 두 가지가 있습니다. img 태그를 사용하는 것과 div 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."A :

CSS _ background
!youtubecJdsYVECxZYCSS를 이용하면 엘리먼트의 배경을 지정할 수 있습니다. 여기서는 배경과 관련된 중요속성들을 알아봅니다. background-color : redbackground-image : url("bg.png")background-repeat
Background-image VS img
HTML에 이미지를 삽입하기 위해서는 두 가지 방법이 있는데 특정 태그에 CSS로 background-image 옵션을 사용하여 삽입하는 방법과 IMG 태그를 사용하는 방법이다.
<img> 태그 vs <div> 태그에 background-image 속성을 추가
의미론적인 웹: 기계가 이해할 수 있는 형태로 제작된 웹을 의미웹페이지를 의미와 관련성을 가지는 거대한 데이터 베이스로 구축하고자 하는 발상검색엔진에 사이트가 포함되어 노출되게 하는 것이 중요하다. (아니면 죽은 사이트나 다름이 없다.) -> 검색엔진이 해석할 수 있게

Semantic Web과 Semantic Tag 이해
Semantic web이란?Semantic Web은 ‘의미론적인 웹’이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미합니다.또 사람의 머리 속의 언어에 대한 이해를 컴퓨터 언어로 표현하고 이것을 컴퓨터가 사용할 수 있게 만다는 것을 말합니다.결론적으로 S