# background image

18개의 포스트
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개의 댓글
post-thumbnail

HTML - Semantic Web/Tag

HTML - 시멘틱 웹, 그리고 시멘틱 태그에 대해 알아보도록 하자 📚

2021년 5월 24일
·
8개의 댓글

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

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

2021년 5월 11일
·
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

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개의 댓글