img link - govl2233/project_studyej GitHub Wiki

이미지링크

다운받을수 있는 곳 plxabay : https://pixabay.com/ko

<img src="" alt="">

src: 소스의약자 alt: 이미지에대한설명(디테일하게, 최대한 구체적으로입력.리딩기가 읽어줘야해서)

★ * alt 필수요소: 내용이 없더라도 넣줘야함

폴더안에 이미지가 있으면 이미지 이름만(img1.jpg) 적으면되지만 현재 내 파일에 이미지 파일을 따로 만들었기때문에

폴더안에 이미지 경로 찾을때

<../imgs/img1.jpg>*-------- 이게 상대경로(현재열고있는위치로부터 찾아감.폴더안에 이미지파일있고 안에 이미지 사진이 있다.)

<img src="../imgs/img1.jpg" alt="민들레사진">

이미지 안에 이미지가 있을경우

<img src="img/img1.jpg " alt="민들레사진"> --------- (이미지 파일 안에 이미지사진이 있다.)

이미지사이즈

width="587" height="640"   --------둘중에 하나만 적기(하나 기준으로 비율대로 맞춰 깨지지않음.스타일에 자주쓰임)

``<img src="../imgs/img1.jpg" alt="민들레사진" width="587" />``  ★ 닫는게 안으로 있음.alt에255자 이상오류

★닫는게 따로 없을때 한칸띄고 슬래시 해주기 ex <br /> <input~ />

접근성

longdesc="파일이름"  현재경로에 있는이미지파일을 읽어줌.(이미지는 리딩기가 못읽히니깐)

그대신 롱디스크파일에 이미지 파일을 문서작성을 해준다음에 

  ../longdesc ----> 다른폴더안에 있을경우 이미지 파일 처럼 앞에  파일경로를 붙혀준다.

<h1>노랑풍선과함께하는 선택관광</h1>
<ul>
    <li>
        <span>워터파크 이미지</span>
        <strong>라군팍워터월드</strong>
        <p>넥서스리조트~~~~</p>
    </li>
    
</ul>

링크(a태그 사용 ahchor의 약자)

	<a href=""></a> 태그 사용
	href 아무것도 안쓸때 보라색으로 나옴 .링크가 있으면 파란색

	<a href="http://www.naver.com">네이버이동</a> http 다 적어줘야함

	* 새창에서 열기
	target="_blank" ---새로운 창에서 열림 
<a href="http://www.naver.com" target="_blank">네이버이동</a>

	* 설명달아주기
(웹접근성)  title="" ------이미지 뒷받침할 설명이 없을때만 사용
<a href="http://www.naver.com" target="_blank" title="네이버이동">네이버이동</a>

(html5는 a태그만 감쌀수있다.)

이미지를 a태그로 감쌀땐 파란색테두리가 생김.(a,img =inline)

img link - govl2233/project_studyej GitHub Wiki

이미지링크

이미지사이즈

링크(a태그 사용 ahchor의 약자)

⚠️ **GitHub.com Fallback** ⚠️

⚠️ GitHub.com Fallback ⚠️