# img

51개의 포스트

HTML(이미지, 링크 태그)

< img > = 이미지 삽입하기(src속성을 사용해 이미지 파일이 있는 경로를 알려 주어야 화면에 이미지를 표시할 수 있다) ※ src 속성 = 이미지 파일 경로 지정 ※< a|t > = 이미지를 설명해 주는 대체 텍스트 ,< width >, <

2021년 9월 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

[React] 카카오 Map API - Polyline 이미지 업로드

각각 선택한 선과 마커(이동중, 방문장소)에 사진과 텍스트를 저장시켜야 하므로 사진을 업로드 하는 부분을 해보았다사진을 여러건 업로드 해야한다업로드하면 바로 서버에 저장되고,저장된 경로를 프론트에서 받아서 화면에 보여준다사진을 클릭하면 지워진다https&#x3A;//r

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

Semantic Web과 Semantic Tag

1.Semantic Web이란? 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다. 2.Semantic Tag란? 3.d

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

TIL 15. Semantic Web & Semantic Tag(with img)

사이트에 이미지를 넣는 방법은 두 가지가 있습니다. a. 태그를 사용하는 것과b. 태그에 background-image 속성을 추가하는 것 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요⇒ 두 가지 방법 모두 보여지는 것은 동일하여 사용자는

2021년 8월 3일
·
0개의 댓글

TIL 01 | [HTML] img Tag vs background-image

\*이미지를 표현하는 방법은 크게 두가지가 있다.HTML의 imh 태그를 활용하는 방법css의 background-image를 사용하는 방법. \*이러한 상황에서 하나만 써야된다면 무엇을 골라야 할까 ? 결론: 이미지가 사용자에게 컨텐츠 이해를 도움을 더 준다고 생각하

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

[temp] 06. HTML

img contents

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

Web

주소창에 주소 입력 -> 서버로 최초 요청(Request) \-> 사용자의 서버로 최초 응답(Response) HTML 출력\-> 서버로 추가 요청 -> 추가응답(CSS,JS,JPG ... 등등 전달)조금은 다르게 구동되는 여러 브라우저에서, 동일한 사용자 경험(같은

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

TIL 11. HTML의 여러가지 태그 #5(Media Files)

.jpg) Media Files 관련 태그 img audio -. 속성 controls, autoplay, loop -. source 따로 사용하는 방법 --> type 명시, 브라우저 별 지원하지 않는 형식의 파일이 있기 때문에 여러가지 형식의 오디오 파일을 첨부

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

[HTML/CSS] HTML img tag vs CSS background-image (feat.Semantic Web/Tag)

앞서 'HTML을 Semantic하게 작성해야 하는 이유'와 '검색최적화의 연관성'에 대해 알아보았다. 그럼 HTML과 CSS라는 서로 다른 언어에서 비주얼적으로 동일한 동작을 구현하는 경우 어떤걸 써야할까? HTML ` vs CSS background-image`

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

HTML 핵심 요소 정리

HTML 핵심요소 정리블록 요소 특별한 의마가 없는 구분을 위한 요소 (Division)블록 요소제목을 의미하는 요소. (Heading)숫자가 커질수록 중요도는 낮다.블록 요소문장을 의미하는 요소 (Paragraph)인라인 요소이미지를 삽입하는 요소alt를 통해 이미지

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

html #2.5 img, html head, body, title

셀프로 닫아서 닫아주는 태그 없음

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

멀티미디어를 지원하는 태그

1. 이미지 (1)Tag 이미지 삽입 (2)Attribute src : 이미지 파일 경로 alt : 이미지 파일이 없을 경우 표시되는 문장 width: 이미지의 너미(CSS에서 지정하는 것이 일반적) height: 이미지의 높이(CSS에서 지정하는 것이 일반적)

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

HTML - Semantic Web/Tag

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

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

[HTML] 이미지, 미디어

https&#x3A;//poiemaweb.com/html5-tag-image-multimedia - 1.8 이미지의 표현과 동영상, 음악 등 멀티 미디어를 지원하는 태그웹페이지 이미시 삽입시, img tag 사용출처 : https&#x3A;//poiemaweb.com/

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

[TIL] IMG vs CSS background-image

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

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

semantic web & tag

이전에 html에서 이미지를 넣는 방법에 대해서 포스팅할 때 &lt;img>태그와 background-image의 차이점을 위주로 설명했다. 이제는 semantic web & tag에 대한 개념이 어느정도 정리가 됐으니 이와 연관지어 두 방식의 차이점을 다시 정리해보려

2021년 3월 17일
·
0개의 댓글