# img src

6개의 포스트
post-thumbnail

Website with API Data (실시간 도시 날씨)

write >res.send는 한번밖에 안되서 한문장으로만 가능했지만, write를 쓰면 여러 문장을 표현가능하다. image 삽입 using bodyParser Result HTML Javascript

2023년 5월 6일
·
0개의 댓글
·

Project: My Website Portfolio

코드 img src 와 a href ``는 이미지를 불러오는 하이퍼링크. ``는 하이퍼링크를 불러오는 코드. 이미지를 불러올때는 a href를 쓰지않는다.

2023년 4월 16일
·
0개의 댓글
·
post-thumbnail

웹 프로그래밍 1일차

실습1 실습결과 실습1 이름: 정윤민 생년월일: 1996년 11월 9일 사는곳: 경기도 성남시 분당구 혈액형: B형 <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBUWFRgVFRYYGRgZHB0YGhwYHBgcHhghGBoZHBgYGhgcI

2022년 5월 27일
·
2개의 댓글
·

img tag src 경로 지정 (절대/상대)

아이콘으로 쓸 img 소스를 불러오는데 경로가 안맞다. 결론 : > 절대경로 : jsx 파일 내에서는 절대경로 폴더는 pulic css 파일 내에서 절대경로 폴더는 src wtf ... ─ public └ public_img public 경로 아래에 img폴더를 생성한다. jsx 파일에서는 아래와 같이 사용가능하다. !important (o) src폴더에 있는 이미지는 불러오지 못한다. (x) ─ src └ src_img jsx파일에서 src 폴더에 있는 이미지를 불러오자. 상대경로로 불러온다. 절대경로(x) 아래는 정상 동작한다. 아래는 에러가 난다. 절대/상대경로 모두 import가 안된다. (x)

2022년 2월 12일
·
0개의 댓글
·

HTML①-간단한 페이지로 확인하는 기초문법

html 코드는 크게 두 덩어리로 나눌 수 있다. 메타데이터(주:데이터에 대한 데이터)를 담고 있는 head부분과 본문내용이 담긴 body부분이다. 이 두 부분은 html 태그로 감싼다. 1. Head 1) Doctype Doctype은 본문이 html5를 따른다는 선언이다. 코드의 가장 위에 위치한다. 2) head head 안에는 데이터를 설명하는 데이터인 메타데이터가 담긴다. 한줄 한줄 뜯어보자 본문에 작성한 한글을 웹페이지에 깨지지 않고 표기되도록 UTF-8임을 명시한다. 윈도우 익스플로러에서만 적용되는 코드다. 과거 웹표준에 맞지 않게 작성된 페이지를 볼 때 호환성 보기를 꺼준다. 최신의 렌더링 엔진으로 강제함으로써 화면이 깨지지 않도록 한다. viewport : 메타 태그는 브라우저에서 웹 페이지를 표기할 때 크기를 설명한다. width=device-width : *반응형 디자인

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

[T.I.L]HTML

HTML이란? HyperText Markup Language의 약자입니다. 웹페이지는 HTML 문서라고도 불리며 , HTML 태그들로 구성됩니다. HTML의 구조 !DOCTYPE html html Introduce</title /head body <<(본문내용) h1 Byung Hoon Lee /h1 /body /html <<항상 맨 처음과 마지막은 html로 시작과 끝맺음 한다. HTML 태그들 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다. 1) h1은 가장 큰 주제 ~ h6는 가장 덜 중요한주제 2) p ,/p 는 주제에 대해 덧붙임해주는 글을 쓸때 3) br은 HTML에서의 공백 , 줄바꿈을 도와주는 용도 ![](https://ima

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