# img tag

10개의 포스트
post-thumbnail

[오늘의 에러] 이미지 태그 관련 에러 : img is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.

리액트로 사이드 프로젝트 개발하다가 본 오류. 왜 나왔지? 하고 봤더니 정말 기초적인 실수로 낸 에러였...

2023년 10월 2일
·
0개의 댓글
·

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

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

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

[Semantic Web] and [Semantic Tag]

The Semantic Web (widely known as Web 3.0) is an extension of the World Wide Web through standards set by the World Wide Web Consortium (W3C). The goa

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

TIL ⎮ HTML_Semantic Web & Tag

"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요." 위의 질문에 대답할 수 있나요? 실제 면접에서 자주

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

[HTML] Img 태그

이미지 태그의 기본 특성콘텐츠를 포함하지 않는 빈요소로 닫힌 태그를 써도 의미가 없음콘텐츠에 뭔가를 넣어서 사용하는 용도(?)의 태그가 아니라 어떤 이미지를 가져올 것인지에 대한 정의를 하는 용도의 태그src 속성에 경로를 적으면 해당 경로에 있는 이미지 리소스를 요청

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

TIL.04 background-image vs img tag

원본이미지원본이미지클래스를 선택한 후 background-image를 적용하였지만 div태그가 가지고 있는 크기만큼만 이미지가 출력되는 것을 확인할 수 있다.div태그의 크기를 줄여서 전체이미지를 출력하면서 크기를 줄여보고자 한다. 하지만 의도한 바와 달리 원본 이미지

2021년 8월 18일
·
0개의 댓글
·
post-thumbnail

[HTML] Semantic Web과 Semantic Tag

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

2021년 4월 18일
·
0개의 댓글
·

TIL. 02 HTML - 기본2

HTML 기본 태그 및 구조에 대해 학습하고 실습하기<img> 이미지를 삽입할 수 있는 태그사이즈를 %로 지정할 시 웹 페이지 사이즈에 따라 변경된다. 위의 src 부분을 '속성', 영어로는 'Attribute'라고 한다.<u> 밑줄 강조 태그<h1~6

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

이미지 태그와 배경화면 이미지 넣기 차이 img Tag vs Div(Background img)

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

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