10주차 - jsp (7) <a>, href, target, title

2022. 9. 8. 17:55jsp/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