# background image

13개의 포스트

Semantic Web과 Semantic Tag에 대해서/이미지 넣는 방법 2가지

웹 기술의 발전으로 인터넷이 실생활까지 확산되는 기폭제 역할을 했다. 그러나 정보가 방대해짐에 따라 많은 문제에 봉착하게 된다.방대한 데이터에 대하여 키워드에 의한 정보 접근만을 허용컴퓨터가 필요한 정보를 추출, 해석, 가공할 수 있는 방법이 없어, 모든 정보를 사용자

4일 전
·
0개의 댓글
post-thumbnail

[TIL] IMG vs CSS background-image

이미지를 넣을 때, HTML에서 img 태그를 통한 방법과 CSS에서 background를 이용해 넣는 방법을 모두 알고 있었지만, 단지 CSS를 통해 이미지를 넣으면 다루기 쉽다고만 이해하고 있었다. 이번 공부를 통해 둘 사이에 어떤 차이가 있는지 명확히 알 수 있었

2021년 4월 14일
·
0개의 댓글
post-thumbnail

시맨틱 웹(semantic web) & 시맨틱 테그 semantic tag

태그를 쓰는 이유 > 우리가 html을 쓸 때 굳이 여러 태그를 쓰는 이유가 뭘까? 단지 좀더 편하고 다양하게 쓰고싶어서? 물론 그것도 맞겠지만, 더 중요한 것은 '정보에게 의미'를 주는 것이다. h1태그는 '가장 대표 제목' h2는 '두번째 제목', p는 '본문',

2021년 4월 13일
·
0개의 댓글
post-thumbnail

Semantic Web & Tag

2021.02.17.화요일 브라우저와 유저에게

2021년 2월 17일
·
0개의 댓글
post-thumbnail

[html/css]Semantic , Tag, text style

body태그는 head태그 다음에 위치한다. body태그는 화면에 보여질 태그들이 위치한다.a태그는 href=""를 사용해 링크를 걸때 사용한다.target 속성에 "\_blank" 값은 클릭하면 새창으로 뜨게 해준다.텍스트 문단을 넣을때 사용하는 태그다. p태그는 사

2021년 2월 15일
·
0개의 댓글
post-thumbnail

Semantic

웹이나 태그가 그 자체로 정보를 가지며 다른 정보들과의 관계를 보여준다.예를들어,위의 3줄 텍스트는 컴퓨터에게 hierachy가 없는 평등한 위치에서의 텍스트로 읽힌다. 하지만라고 작성을하게되면 컴퓨터에게 h1 > h2 > h3 으로 중요도가 다르게 읽히고, 검색엔진의

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

HTML | Semantic Web, Semantic Tags + <img>, <background-image>

Semantic Web 의미: 의미론적인 웹 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’ 을 가지는 거대한 데이터베이스로 구축하고자 하는 발상 Semantic Tags Sementic Web을 구현하기 위한 의미를 가진 태그들

2020년 12월 14일
·
0개의 댓글

[gatsby] background-image

Create a image or background image component in gatsby (gatsby-image)

2020년 10월 24일
·
0개의 댓글
post-thumbnail

[TIL] Semantic Web과 Semantic Tag

컴퓨터가 사람을 대신하여 정보를 읽고, 이해하고 가공하여 새로운 정보를 만들어 낼 수 있도록 이해하기 쉬운 의미를 가진 차세대 지능형 웹. 1998년 월드 와이드 웹의 창시자인 팀 버너스 리(Tim Berners Lee)에 의해 개발, 기계가 읽고 처리할 수 있는 웹이

2020년 10월 20일
·
0개의 댓글
post-thumbnail

CSS 2.박스 모델

박스의 크기 박스 너비 = 내용물(content)너비+왼쪽 패딩+오른쪽 패딩+왼쪽 CSS테두리 테두리 스타일(모양), 색상,두께,둥근 테두리 지정 가능 => 모서리별 다른 스타일,두께 가능 border스타일 지정해야 다른 속성 사용 가능 각 변 별로

2020년 9월 17일
·
0개의 댓글
post-thumbnail

TIL 37 | Semantic Web과 Semantic Tag

Semantin Web 시맨틱 웹(Semantic Web)은 "의미론적인 웹"이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다. 기계가 사람을 대신해서 웹 페이지의 정보를 이해하고, 우리에게 필요한 정보만 보여주거나 정보를 가공해서 우리가 필요로 하

2020년 8월 19일
·
0개의 댓글
post-thumbnail

(html, css) 자기소개 페이지 만들기 3일차

안녕하세요 더위를 먹었는지 어제 너무 무리해서 그런지 어지럽네요..그래도 열심히 공부를 하는 중입니다 ㅎㅎ오늘은 이미지를 넣을때이렇게 직접 이미지를 넣는 방법과이런식으로 id를 넣은후 background-image를 통해서 이미지를 넣는 방법을 알아보았습니다.왜냐면 그

2020년 6월 18일
·
0개의 댓글
post-thumbnail

🚫 안티 패턴으로서의 CSS background-image 속성

CSS background-image 속성은 여러가지 놀라운 일들을 할 수 있었지만, 대부분의 경우에는 더 이상 사용하지 않는 것이 좋습니다.

2019년 8월 28일
·
8개의 댓글