# background image

eilison

Scaffold를 Container으로 감싸고, 해당 Container에 이미지를 씌우는 것이다.이때 Scaffold의 backgroundColor를 Colors.transparent(투명)으로 설정해야한다. 그렇게 하지 않으면 Scaffold의 기본 배경색 때문에 뒤

limchard

vscode를 실행해서 html 을 시작하자빈 란에 ‘!’ 느낌표를 쓰면 아래와 같이 기본 code가 나온다.'body' '/body' 사이의 공란에 내용을 작성하면 된다.html은 기본적으로 여는 코드와 닫히는 코드가 있다. 'code' 내용 '/code' 과 같이

myseventh

z-index는 값이 클수록 화면의 전면부에 위치하게 해주는 속성각각의 이벤트를 위한 버튼 3개와 <div>상자 3개 생성각 <div>상자의 배경색을 부여하고 이를 겹치게 위치그러나 z-index 값이 큰 클래스가 가장 전면에 위치(z-index 값은 연속적

tjdgus9773

div.클래스명 -> 해당 클래스명에만 스타일 지정.클래스명 -> 해당 클래스명 모두에 적용<태그 class="클래스명1 클래스명2">\->클래스명1 클래스명2로 지정하면 중복 적용background-image: url("이미지 경로");\-> 해당 이미지를 스타

dev_seongjoo

<img> 태그와 background-image의 차이는 다음과 같습니다:사용 방식:<img> 태그: <img> 태그는 HTML 문서의 일부로 이미지를 직접 삽입하는 방식입니다. <img> 태그의 src 속성을 사용하여 이미지 파일의 경로를 지정합

mangojang

✍️ styled components 에서 background-image를 적용하려고 하니 css처럼 경로를 입력하니 적용이 안되어 찾아 보았다.

org1004da

위 코드 세 가지를 작성해야 이미지가 정가운데로 정확하게 나옵니다.

inni_c

img태그와 background-image를 사용할때 여러가지 차이점이 존재한다. A. 코딩에서의 차이 A-1 img 태그 "img"를 사용할때에는 html코드로만 페이지에 이미지 붙히기가 가능하며, width를 통해 이미지의 사이즈 조절이 가능하다. 특히 여기서 재밌는점은, width 값만 입력해도, 저절로 비율에 맞춰져 height도 계산이 된다....

imyoox

👉 img 콘텐츠와 밀접한 연관이 있는 이미지 사용 시에 적합 부분에 이미지 설명을 넣어 웹 접근성을 준수할 수 있다. 이미지 설명이 h2, p, span 등의 태그로 기재된다면, 뒤의 을 삭제하여 '이미지 설명 제공하지 않는다.' 라는 의미인 로만 작성하면

cnsrn1874

CSS의 background-image가 아니라 HTML에 이미지를 넣어야 하는 최적화 관점에서의 이유

sangheon-k

<img> 태그의 사용<div> 태그에 background-image 속성을 추가하는 것<img> 태그의 경우 이미지 로딩이 실패한 경우 대체텍스트(alt)가 출력되지만,background-image 로 사용한 이미지의 경우 대체 결과물이 출력 되지 않

seokhyun

컴퓨터가 이해하기 편하게 만든 웹(의미론적인 웹)각 태그의 의미를 더욱 명확하게 할 수 있습니다.div에 class명을 지을때 직관적으로 지어야한다고 하는데, 이때 이유가 나타납니다.1.class명에 따라 태그 내부에 어떠한 내용을 채워야하는지 이정표가 됨2.tag들이

x_sunyoung

이미지를 넣는 2가지 방법 1.HTML 에서 img 태그를 사용한다. 2.CSS 에서 background-image 속성을 사용한다. [HTML] img 태그를 사용하는 경우 프린트가 필요한 경우 : 백그라운드 이미지는 출력시 포함되지 않는다. 이미지에 문구가

suyeon_

ex) background-color : pink; : 배경색으로 분홍색이 된다.repeat 생략시 기본값이어서 바둑판식으로 나온다.repeat: 배경이미지를 바둑판식 배열로 나타냅니다.(생략시 기본값)no-repeat: 배경이미지를 반복하지 않고 한 번만 나타냅니다.

ysih1219

semantic web이란?기계가 읽고 처리할 수 있는 웹을 개발하기 위해 탄생한 의미론적인 웹.구성요소1.RDF(resouce Description Framework): 웹상의 메타데이터의 표현과 교환을 위한 프레임워크2.XML(eXtensible Markup Lan

vet2011

semantic web이란?기계가 읽고 처리할 수 있는 웹을 개발하기 위해 탄생한 의미론적인 웹.구성요소1.RDF(resouce Description Framework): 웹상의 메타데이터의 표현과 교환을 위한 프레임워크2.XML(eXtensible Markup Lan

mamma72

Q. img 태그를 사용하는것과 div 태그에 background-image 속성 추가하는것 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명하시오. 해당 내용을 설명하기 위해서 Semantic Web, Semantic Tag를 알아야 한다. Sema

honeyricecake

ex.(이미지는 내가 좋아하는 영화 주토피아의 캐릭터 주디이다.)이 때 배경색상은 기본적으로 배경이미지 뒤에 출력되는 것을 볼 수 있다.repeat-x를 사용하면 수평으로'만' 반복하고repeat-y를 사용하면 수직으로'만' 반복한다.background-image의 기

yong2

사이트에 이미지를 넣는 방법은 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 두가지 방법이 있다.• img태그를 사용하는 방법• css로 background-image 속성을 추가하는 방법img 태그를 사용하는게 좋은 경우는 이미지에 문구가

plu457

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