본문 바로가기

img src

[HTML 기초 강의] ⑧ 이미지에 링크 걸기 오늘은 이미지에 링크 거는 방법을 알아보려고 한다. 1. 이미지에 링크 걸기 앞에서는 입력한 텍스트(=링크 이름)에 링크 걸기 링크 이름 오늘은 이미지를 클릭하면 특정 페이지로 이동 즉 이미지에 링크 걸기 링크 이름 자리에 이미지 태그 넣기 URL주소"> html 태그 안에 또 다른 태그 넣기도 가능 2. img src=" " ① 메모장에 과 입력 ② 원하는 이미지 주소 복사해서 이미지 태그에 붙여넣기 예) 구글에서 ‘독도’ 검색/ 오른 클릭 이미지 주소 복사/ 이미지 태그 따옴표 사이에 붙여넣기 3. a href=" " ③ 이미지 클릭했을 때 연결할 사이트 주소 복사/ 앵커 태그에 붙여 넣기 예) 외교부독도 사이트 주소를 복사 /앵커 시작 태그 따옴표 사이에 붙여넣기 [HTML 기초 강의] ⑦ 참조 ④.. 더보기
[HTML 기초 강의] ⑦이미지태그 오늘은 이미지태그에 대해 알아보려고 한다. 1. 태그 이미지를 삽입할 때는 image라는 단어에서 따온 태그 사용 src는 근원, 출처를 뜻하는 source의 줄임말로, src 다음의 큰따옴표 안에 이미지 주소를 쓴다. 이미지는 사이에 텍스트가 들어갈 수 없으므로 종료 태그를 사용하지 않는다. ​ ※ 참고로 href와 src는 둘 다 사용하려는 외부 자원의 주소로, 어떤 경우는 바꿔서 입력해도 가능 href는 링크를 클릭하는 것처럼 사용자가 원할 때에 외부 자원에 접속하는 것 src는 사용자와 관계없이 브라우저에서 페이지를 열면 외부 자원을 끌어오는 것 이미지를 불러올 때 사이즈를 정할 수도 있음-순서는 상관없음 이미지 태그 img 인라인 요소 빈 요소, 빈 태그로 종료 태그 없음 src="이미지 경로".. 더보기