- 사진을 클릭하면 클릭한사진이 크게 뜸
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body bgcolor="#000000" text="#ffffff">
<div align="center">
<h1>타히티 사진</h1>
다음 사진을 클릭하면, 확대 사진을 볼 수 있습니다<br><br>
<a href="./images/tahiti01.jpg" target="photo">
<img alt="" src="./images/tahiti01s.jpg">
</a>
<a href="./images/tahiti02.jpg" target="photo">
<img alt="" src="./images/tahiti02s.jpg">
</a>
<a href="./images/tahiti03.jpg" target="photo">
<img alt="" src="./images/tahiti03s.jpg">
</a>
<a href="./images/tahiti04.jpg" target="photo">
<img alt="" src="./images/tahiti04s.jpg">
</a>
<a href="./images/tahiti05.jpg" target="photo">
<img alt="" src="./images/tahiti05s.jpg">
</a>
<br><br><br>
<iframe src="./images/tahiti01.jpg" width="400" height="266"
name="photo">
</iframe>
</div>
</body>
</html>
-페이지에 페이지 켜기
<body>
<!-- iframe : 웹페이지 안의 웹페이지 -->
<h3>index2</h3>
<!-- cgv -->
<iframe src="http://www.cgv.co.kr/" width="300" height="300"></iframe>
<!-- 작성한 웹페이지 호출ㅎ -->
<iframe src="index.html" width="300" height="300"></iframe>
</body>
링크
<!-- 새창에서 이동 -->
<a href ="./index4.html" target="_blank">index4.html로 이동</a><!-- 현재창에서 이동 -->
<a href ="./index3.html" target="_self">index3.html로 이동</a><!-- link a는 문서끼리도 이동 가능 같은 폴더는 ./ 혹은 빈칸, 다른 폴더는 ../ -->
<a href = "index2.html">index2.html로 이동</a><!-- link a(anchor : 글자 클릭하면 연결되는 태그) -->
<p>
<a href="http://www.google.com">구글로 이동</a>
</p>
이미지
<p> <a href="http://www.google.com">구글로 이동</a> </p>
<img alt="이미지없음" src="pic.jpg"><!-- 웹에서 이미지주소복사로 이미지 불러오기(주소 첨부) -->
<img alt ="" src="http://img.cgv.co.kr/Movie/Thumbnail/Poster/000038/38373/38373_320.jpg">
<!-- 폴더에서 불러 올 수는 없음 -->
<img alt="pig이미지 없음" src="D:\tmp\pig.jpg">
<!-- 이미지에 링크삽입!!!!!! -->
<a href="http://www.naver.com">
<img alt="" src="huk.gif">
</a><!-- 이미지 크기 조정 -->
<img alt="이미지없음" src="pic.jpg" width="200" hight="100"><!-- 영화상영목록 -->
<hr>
<img alt ="" src="http://img.cgv.co.kr/Movie/Thumbnail/Poster/000038/38373/38373_320.jpg"
width="150" hight="200" align="left" hspace="100"><!-- hspace는 여백띄우기 -->
'HTML' 카테고리의 다른 글
| Form, name소스 (0) | 2020.07.07 |
|---|---|
| Form 실습 (0) | 2020.07.07 |
| 테이블셋팅 소스 (0) | 2020.07.07 |
| 테이블, 게시판 기본 (0) | 2020.07.07 |
| 글자, 사진 셋팅 연습문제 (0) | 2020.07.06 |
