# img

19개의 포스트
post-thumbnail

반응형 웹에서 요소 리사이징하기

반응형 웹 디자인(responsive web design, RWD)이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다. 위키피디아, 반응형 웹 디자인 요즘 반응

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

TIL 4 | HTML & CSS (4)

HTML & CSS (4) - Semantic web & semantic tag, Weegle 검색창 만들기

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

Semantic Web, Semantic Tags

시멘틱 웹은 "의미론적인 웹"이라는 뜻으로, 현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종파일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계(컴퓨터

2020년 11월 17일
·
0개의 댓글

사이트에 이미지 넣는 방법 img Tag vs Div(Background img)

Html에서 img를 삽입 하는 방식에는 img태그를 이용하는 방법 과 css background img를 이용하는 방법이 있다. 그렇다면, <img> tag를 사용하는 것과 <div>태그에 background-img 삽입하는 방법 어떠한 차이가 있을 까?여

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

Semantic Web, Semantic Tags

Semantaic web(시맨틱 웹)과 Semantic Tag(시맨틱 태그)를 정리.

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

🚧 HTML img태그의 attribute

https://heropy.blog/2019/05/26/html-elements/https://heropy.blog/2019/06/16/html-img-srcset-and-sizes/

2020년 9월 24일
·
0개의 댓글

html 요소(5)_멀티미디어

img / audio / video / figure

2020년 9월 21일
·
0개의 댓글

Semantic Web, Semantic Tags

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

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

TIL #20 HTML-semantic Web, semantic tag

semantic web, semantic tag, <img>, background-image

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

TIL[15].HTML, CSS 정리(2)

저번 시간 HTML,CSS 정리(1)에 이은 정리(2)입니다. 정리(1) 이후로 했던 개념들을 제외한 나머지 개념들에 대한 정리를 하겠습니다. 1.이미지 1. 태그로 이미지 넣기 img 태그에는 alt, src 등의 속성이 포함됩니다. alt: 이미지가 뜨지 않았

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

Semantic Web과 Semantic Tag

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

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

img에 before, after가 왜 안먹지?

img 태그에 before 또는 after를 사용하려고 하는데 왜 안나오지?

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

img태그 vs background이미지

프린트가 필요한 경우\-백그라운드 이미지는 출력시 포함되지 않습니다.이미지에 문구가 사용되어 의미를 가지는 경우\-이미지 자체가 어떤 의미가 있는 경우 이는 alt 태그를 사용해 어떤 이미지인지 알려줄 수 있습니다. 백그라운드 이미지는 alt 태그가 없습니다.이미지가

2020년 7월 21일
·
0개의 댓글
post-thumbnail

img tag VS background-image ?

img태그로 이미지를 넣을 경우와 css의 background-image로 이미지를 넣을 경우 그 차이가 없다.그런데 &lt;div>&lt;backgroud-image:>&lt;/div>를 개발자들은 왜 쓸까?&lt;div>&lt;backgroud-image:>&lt;

2020년 4월 26일
·
0개의 댓글

(TIL 33일차) 스타일쉐어 1차 프로젝트 OOTD (6)

스타일쉐어 스크롤바 꾸미기 이미지 업로드

2020년 3월 1일
·
0개의 댓글
post-thumbnail

image 높이 값 불러올 때 주의점[JS]

만약 프론트엔드 개발자라면 이미지를 불러와 높이 값에 따라 레이아웃을 변경할 때가 있을 것이다. 예를 들어 이런 코드가 있다고 가정해보자 결론만 말하자면 위의 코드는 작동하지 않는다. 왜 그럴까? 그 이유는 test.png가 로딩되기 전 clientHeight를

2019년 12월 13일
·
1개의 댓글

HTML에서 기본적으로 알아야하는 태그

대부분 태그에 들어가는 요소 style: css를 적용시켜주는 요소이다. class: 외부의 css코드에서 class로 정의된 요소를 적용시켜준다. css편에서 더 자세하게 다룰 예정이다. id:그 태그만의 고유의 이름을 가지게 하는 것이다. a태그 HTML에서 가장 많이 사용하는 태그중 하나가 a태그이다. 웹사이트에 링크를 걸어주는 기능을 한다. 링크...

2019년 12월 8일
·
0개의 댓글

<img> 태그에 css translate 적용 시 주의할 점

초 간단 팁 img 태그에 css translate를 줄 때 img의 가로,세로 중 하나라도 홀수면 이미지가 흐릿해진다. 만약 translateX 를 준다면 가로는 무조건 짝수여야하고 반대로 translateY면 세로는 무조건 짝수여야한다. 간단하게 해결하려면 image를 background로 넣어주면 된다.

2019년 12월 6일
·
0개의 댓글

[HTML] images

Images Syntax & the alt attribute contains attributes only, and doesn't have a closing tag. The alt attribute provides an alternate text for an image, if the user cannot view it. The value of should...

2019년 11월 27일
·
0개의 댓글