UI설계 및 구현 -웹프로그래밍

CSS연습 - 속성들

햄찌개 2020. 9. 16. 12:17

a 태그에 속성 적용 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이순신</title>
<style>
a:link{
	text-decoration: none;
	color:blue;
	background-color: red;
}
a:visited {
	text-decoration: none;
	color: green;
	background-color: silver;
}
a:hover {
	text-decoration: none;
	color: white;
	background-color: blue;
}
</style>
</head>
<body>
<p>
	<h1><a name="이순신">이순신</h1>
	<br>
	<a href = "#정의" >정의</a> &nbsp &nbsp 
	<a href = "#개설">개설</a> &nbsp &nbsp 
	<a href = "#생애및활동사항">생애 및 활동사항</a> &nbsp &nbsp 
	<a href = "#참고문헌">참고문헌</a> &nbsp &nbsp 
</p>
<br>
<p>
	<h2><a name="정의"></a>정의</h2>
	<br>
	<a href = "#이순신">▲이순신 </a>
	<br>
	1545(인종 1)~1598(선조 31). 조선 중기의 명장.
</p>
<br>
<p>
	<h2><a name="개설">개설</h2>
	<br>
	<a href = "#이순신">▲이순신 </a>
	<br>
	본관은 덕수 자는 여해 고려 때 중량장을 지낸 이돈수로부터 내려온 문반의 가문이다.
</p>
<br>
<p>
	<h2><a name="생애및활동사항">생애 및 활동사항</h2>
	<br>
	<a href = "#이순신">▲이순신 </a>
	<br>
	"이순신은 어린 시절 얼굴 모양이 뛰어나고 기풍이 있으면서 남에게 구속을 받으려 하지않았다."
</p>
<br>
<p>
	<h2><a name="참고문헌">참고문헌</h2>
	<br>
	<a href = "#이순신">▲이순신 </a>
	<br>
	<ul>
		<li>선조실록</li>
		<li>선조 수정 실록</li>
		<li>정조실록</li>
		<li>이순신 최영희 한국의 인간상2 신구문화사, 1973</li>
	</ul>
</p>
</body>
</html>

 

저작자표시