# background image

31개의 포스트
post-thumbnail

CSS 속성 (3)

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

2022년 7월 25일
·
0개의 댓글
·

CSS 이미지 추가 방법과 시맨틱웹, 시맨틱태그

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

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

img 태그와 background-image 속성의 차이

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

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

웹 프로그래밍 3일차(실습)

꿀팁div class빠르게 적는방법①div.div1②.div2"."이 클래스를 의미하기 때문에 .div2라고 적어도 바로 div class가 나온다.참고자료:(무료html 템플릿)https://www.free-css.com/free-css-templates(

2022년 5월 30일
·
0개의 댓글
·

TIL: HTML img

Q : "사이트에 이미지를 넣는 방법은 두 가지가 있습니다. img 태그를 사용하는 것과 div 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."A :

2022년 4월 25일
·
0개의 댓글
·
post-thumbnail

CSS _ background

!youtubecJdsYVECxZYCSS를 이용하면 엘리먼트의 배경을 지정할 수 있습니다. 여기서는 배경과 관련된 중요속성들을 알아봅니다. background-color : redbackground-image : url("bg.png")background-repeat

2022년 4월 22일
·
0개의 댓글
·
post-thumbnail

[사소한 정보 1탄]배경화면 이미지 꽉 채우기

background-size를 cover로 설정하기

2022년 4월 9일
·
0개의 댓글
·

Background-image VS img

HTML에 이미지를 삽입하기 위해서는 두 가지 방법이 있는데 특정 태그에 CSS로 background-image 옵션을 사용하여 삽입하는 방법과 IMG 태그를 사용하는 방법이다.

2022년 1월 24일
·
0개의 댓글
·

<img> 태그 vs <div> 태그에 background-image 속성을 추가

의미론적인 웹: 기계가 이해할 수 있는 형태로 제작된 웹을 의미웹페이지를 의미와 관련성을 가지는 거대한 데이터 베이스로 구축하고자 하는 발상검색엔진에 사이트가 포함되어 노출되게 하는 것이 중요하다. (아니면 죽은 사이트나 다름이 없다.) -> 검색엔진이 해석할 수 있게

2021년 11월 1일
·
1개의 댓글
·
post-thumbnail

Semantic Web과 Semantic Tag 이해

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

2021년 10월 6일
·
0개의 댓글
·
post-thumbnail

html <img> vs css<background-image> 언제 써야 하는가? (feat.Semantic Tag )

Semantic Web & Semantic Tag > 먼저, Semantic이란 사전 그대로 "의미를 가진"이란 뜻을 갖고있다. 따라서 Semantic Tag는 의미를 가진 태그다. 그렇다면 어떻게 의미를 가진다는 걸까?

2021년 9월 1일
·
0개의 댓글
·
post-thumbnail

이미지 넣는 두가지 방법의 차이점

HTML의 img 태그사용과 CSS의 background-image를 사용하여 img 넣는 방법의 차이점 ! Semantic Web과 Semantic Tag이란 ?

2021년 7월 5일
·
0개의 댓글
·
post-thumbnail

Semantic한 Tag와 Web

Semantic의 사전적인 의미는 "의미의, 의미론적인"이란 뜻을 가지고 있다. 시멘틱 웹은 기존의 정보 컨텐츠 또는, 웹상의 데이터에* 데이터 기술어(data descriptor)가 추가된 웹(Web)*으로 정의하기 때문에 컴퓨터는 인간과 마찬가지로 정보를 사용하여

2021년 7월 5일
·
0개의 댓글
·
post-thumbnail

Semantic Web 과 Semantic Tag 차이

의미론적인 웹이란 뜻이다.의미론적인 웹은 말 그대로 컴퓨터가 웹사이트를 단순한 코드의 구성이 아닌 의미를 가진 사이트라는걸 알 수 있게 만드는 것이다.기계가 이해할 수 있는 형태로 제작된 웹을 의미한다.RDF: 웹상의 메타데이터의 표현과 교환을 위한 프레임워크XML:

2021년 7월 5일
·
0개의 댓글
·
post-thumbnail

Semantic Web

시맨틱 웹이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다.웹을 사용하는 유저는 검색 엔진을 이용하여 원하는 정보를 얻

2021년 7월 5일
·
0개의 댓글
·

TIL. 20 HTML - Semantic web, Semantic tag

non-semantic tag div, span 등과 같은 태그는 콘텐츠에 대한 어떤 설명이 없는 태그이다.semantic tag 시맨틱 태그는 form, table, img 등 콘텐츠의 의미를 명확하게 설명하는 태그를 말한다.예를 들어,HTML5에서는 article,

2021년 6월 7일
·
0개의 댓글
·

background-image 가 있는 요소의 이미지를 뿌옇게...blur 블러

filter 속성에 blur 값을 준다.

2021년 6월 2일
·
0개의 댓글
·