# img

32개의 포스트

semantic web & tag

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

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

TIL.04

웹페이지에 이미지를 생성하는 방법.

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

TIL#12. 하루이틀 밀리다보니..끝없이 밀리네

후...TIL이여 하루 이틀 밀리고...좀더 정리해서...밀렸던거부터 써야지 하다보니 원 부트캠프 끝날지경 안되겠다. 오늘은 react로 만들어놓은 위스타그램을 서버에 연동하여 회원가입, 로그인기능을 만들었다! 프론트엔드와 백엔드와의 대 화합 🧙‍♂️ [CSS] S

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

2021.3.6 토요일

⏱오늘 공부량 공부내용 생활코딩(WEB1- HTML & Internet) 기본문법 태그(5강) ~ 원시웹(16강) 공부시간 2시간 33분 📖오늘 배운내용 strong태그 🎨특징 >- strong 태그는 매우 중요한 텍스트를 정의하는 데 사용된다. >- 내부의

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

Semantic Web & Tag

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

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

[Html&CSS] CheckPoint#1. 시맨틱웹, 시맨틱태그

css 는 폭포수 모델이라 css파일에서 가장 마지막에 쓴걸로 덮여져, 뒤에 선언할수록 우선순위가 높은줄알았는데 아니다selector 표현마다 우선순위가 다르다.inline styleing(html에 style요소로 직접) : 1000점!👊ex) <span st

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

[html/css]Semantic , Tag, text style

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

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

html img 로드 실패 시 디폴트 이미지 적용

img 태그 사용 시 이미지 로드에 실패했을 경우 엑스박스가 보여지는데alt를 사용하여 대체 텍스트를 보여주는 방법을 많이 사용한다.대체 텍스트 대신 대체 이미지를 보여준다면 로드 실패 시 더 깔끔한 웹페이지를 보여줄 수 있다.위와 같이 img 태그에 onerror 항

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

[Bouncing Ball] clip()으로 도형에 이미지 넣고 애니메이션 적용

벽에 부딫히는 공 애니메이션clip 사용하기캔버스에 이미지 그리기공에 이미지 넣기clip() 기능을 사용해 핑크색 공 안에 보라색 상자를 넣을 수 있다즉, 핑크색 공은 보라색 상자 내부에만 존재drawImageimg.onload는 이벤트리스터로 작성해도 된다이미지 출력

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

HTML - 이미지 넣는 법 차이 & semantic web(tag)

사이트에 이미지를 넣는 방법은 img 태그를 사용 VSCSS background-image 속성을 추가 하는 방법이 있음기본적으로 두 방법 모두 이미지를 웹페이지 내에 추가할 수 있는 점에서 차이가 없음background-image 속성으로 넣게 되면, html 코드

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

Semantic

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

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

이미지와 하이퍼링크

이미지1\. 저장된 이미지 파일 2\. 인터넷의 이미지 파일

2020년 12월 31일
·
0개의 댓글
post-thumbnail

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

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

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

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

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

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

Node js 14일차- img crop(multer, sharp)

Node js 14일차 multer와 sharp를 이용한 이미지 ../routes/users.js ../models/users.js ../lib/multer.js

2020년 11월 29일
·
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를 이용하는 방법이 있다. 그렇다면, &lt;img> tag를 사용하는 것과 &lt;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&#x3A;//heropy.blog/2019/05/26/html-elements/https&#x3A;//heropy.blog/2019/06/16/html-img-srcset-and-sizes/

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