예제 2-18. 하이퍼링크 만들기
WEB/HTML5-CONCEPT 2017. 11. 4. 18:38 |1 2 3 4 5 | <a href="URL"|"URL#앵커이름"|"#앵커이름"" target="윈도우이름" download> 텍스트 혹은 이미지 </a> | cs |
href속성
1 2 3 4 5 6 | // html 페이지를 연결하는 경우 <a href="picturepage.html">클릭하면 사진 페이지로 이동합니다.</a> <a href="student/register.html"></a> //웹 사이트를 연결하는 경우 | cs |
이미지에 하이퍼링크 만들기
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>링크 만들기</title> </head> <body> <h3>링크 만들기</h3> <hr> 포털 사이트 <ul> </ul> 신문 사이트 <ul> <img src="media/iconetnews.png" alt="전자신문"> </a> </li> <img src="media/iconchosun.png" alt="조선일보"> </a> </li> </ul> <hr> <a href="ex2-17.html">예제 2-17로 이동</a> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 2-20. 앵커로 이동하는 링크 만들기 (0) | 2017.11.04 |
|---|---|
| 예제 2-19. 링크의 target 속성 활용 (0) | 2017.11.04 |
| 예제 2-16. 기본 표 만들기. 예제 2-17. 이미지를 가지는 표 만들기 (0) | 2017.11.04 |
| 예제 2-15. 정의 리스트 만들기 (0) | 2017.11.04 |
| 예제 2-12. <ol>로 라면 끓이는 순서나열. 예제 2-13. <ul>로 좋아하는 음식 나열. 예제 2-14. 중첩 리스트 만들기. (0) | 2017.11.04 |