<<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- <hr> 태그 : 선그리기 태그 -> 단독태그 -->
<hr width="800" align="right">
<hr width="800">
<hr width="800" align="left">
<hr width="50%">
<!-- 링크태그 -->
<a href="http://www.naver.com"> 네이버 </a> <br>
<a href="http://www.google.com"> 구글 </a> <br>
<!-- target="_blank" : 새로운 창에서 열리게 하는 속성 -->
<a href="http://www.daum.net" target="_blank"> 다음 </a>
<a href="http://www.cyworld.com"> 싸이월드 </a>
</body>
</html>
- 실행하면 웹 브라우저에 이렇게 표시됩니다.
- 먼저 <hr> 태그는 앞에서 설명해드렸듯이 선그리기 태그입니다.
일단 width는 폭, 넓이를 설정하는 것인데 hr width란 것이 선의 폭을 설정한 것이라 할 수 있습니다.
- <a href="">는 링크태그라 하는데 <a href="http://www.naver.com"> 네이버 </a> <br>라 작성하게 되면
웹 브라우저에서 네이버 밑에 하이퍼링크 표시가 된 것을 알 수 있습니다.
- 네이버를 클릭하면 이렇게 나타나는 것을 알 수 있습니다.
- 마찬가지로 구글을 클릭하면 웹 브라우저에서 표시가 되는 것을 알 수 있습니다.
즉 그 링크를 통해서 접속이 되는 것입니다.
- 그런데 다음을 클릭하면 새 창에서 표시가 되는 것을 알 수 있습니다.
네이버나 구글은 바로 접속이 되지만 이렇게 새 창에서 표시되는 것은 코드에서
<a href="http://www.daum.net" target="_blank"> 다음 </a>를 보겠습니다.
---> target="_blank"란 것이 targer 속성에 "_blank" 속성은 새로운 창에서 열리게 하는 속성이라 할 수 있습니다.
그래서 다음은 새 창에서 열리는 것을 알 수 있습니다.
'웹표준 > HTML4' 카테고리의 다른 글
| HTML4 목록을 만드는 <ol>, <ul>, <li> 태그 (0) | 2017.08.19 |
|---|---|
| HTML4 텍스트 서식 관련 및 이미지 태그 (0) | 2017.08.19 |
| HTML4 태그 속성에 대한 설명 (0) | 2017.08.19 |
| HTML4 태그 속성 및 단락 (0) | 2017.08.19 |
| HTML4 태그 속성 (0) | 2017.08.19 |