^예시들^
html 시작한지 1주도 안된 html신생아입니다
어디 이상한게 있을수도 있으니 그냥 연습겸 만든거라고 봐주세요...
링크걸린 사진을 옆으로 나열해줍니다. <a href="링크">를 삭제하면 위처럼 그냥 사진만 나열할 수 있지만 아래처럼 원래 기능으로도 나열할 수 있으니 링크 걸린 사진 나열할 때만 쓰세요 귀찮아요
<div class="picturelink">
<a href="링크"><img src="이미지 링크1" width="200px" height="200px"></a>
<a href="링크2"><img src="이미지 링크2" width="200px" height="200px"></a>
<a href="링크3"><img src="이미지 링크3" width="200px" height="200px"></a>
<a href="링크4"><img src="이미지 링크4" width="200px" height="200px"></a>
</div>
<br> <!--줄바꿈-->
<div class="picturelink">
<a href="링크3"><img src="이미지 링크5" width="200px" height="200px"></a>
<!--필요한 만큼 추가 반복-->
</div>
<br>
<style>
.picturelink{
float: left;
}
.picturelink a{
<!--이건 게시글 내에서 적용이 안되는것같긴한데 삭제하셔도 상관없을듯하네요-->
padding: 20px 20px 20px;
}
</style><a href="링크"> 안에는 사진을 클릭했을때 들어갈 사이트 링크를 걸어주시면 됩니다
200px이 너무 작은것같다 싶으시면 width height 값을 입맛대로 조절해주십쇼잉
자캐 세계관에 프로필 모아놓을때 좋을듯 합니다
아래에 예시작 링크 첨부할게요
+ 티스토리에서 사용할때... 이미지 링크의 경우
블로그 설정->스킨 편집->html 편집->파일업로드
위 경로를 따라간 뒤 파일업로드 란에서 업로드할 파일을 선택한 뒤에 업로드하세요
파일이 업로드됐으면 업로드된 파일 목록에서 해당 파일을 우클릭하고 링크 주소 복사를 누른 다음에 그 주소를 위의 "이미지 링크"란에 넣으면 됩니다
전 이걸몰라서 구글검색하면서 피똥쌌답니다