10주차 - jsp (7) <a>, href, target, title
2022. 9. 8. 17:55ㆍjsp/html
이번의 목표
01. <a> 태그
02. href 속성
03. target 속성
04. title 속성
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ex06</title>
</head>
<body>
<ul>
<li>
<!-- <a href=""> 태그를 이용해서 속성을 부여할 수 있다. --> <a
href="http://www.naver.com"> 네이버 </a>
</li>
<li>
<!--
target="_blank" 를 넣어주면 링크 클릭시 새로운 탭에서 생성된다.
title="" 를 넣어주면 객체에 마우스를 올렸을때 괄호 안의 문구를 출력해줄 수 있다.
-->
<a href="http://www.naver.com" target="_black" title="네이버로 이동합니다."> 네이버 </a>
</li>
<li><a href="http://www.daum.net"> 구 글 </a></li>
<li><a href="http://www.google.com" > 다 음 </a></li>
</ul>
</body>
</html>
페이지의 글을 눌러보면 각각의 링크로 이동하게 되어있습니다.
두번째 줄의 네이버에는 마우스를 올리고 있으면 "네이버로 이동합니다" 라는 문구가 뜹니다.
'jsp > html' 카테고리의 다른 글
| 10주차 - jsp (9) <img>, 반응형&고정형 (0) | 2022.09.08 |
|---|---|
| 10주차 - jsp (8) <div>, <big>, <small> (0) | 2022.09.08 |
| 10주차 - jsp (6) <ol>, <ul> (0) | 2022.09.08 |
| 10주차 - jsp (5) <pre> (0) | 2022.09.08 |
| 10주차 - jsp (3) <i>, <b>, <u>, <s> (0) | 2022.09.08 |