HTML 자기소개 페이지 만들기

HTML

by 기련이 2020. 5. 11. 17:40

[자기소개 페이지]

이름: 백길현

출생년도: 1995년 7월 21일

연락처: 010-5125-1567

인스타그램: kiryeo_100

혈액형: AB형

별자리: 게자리

주소: 인천 미추홀구 주안동

취미: 수영, 옷구경

특기: 오목

이메일: jnhy678@naver.com

공부를 위해 참조하는 사이트: BAEK JOON

좋아하는 게임: 리그오브 레전드

링크(Hyper Link) : anchor 태그 <a>
다른 페이지 또는 같은 페이지의 다른 영역으로 이동.
주요 속성
href : 이동할 페이지의 위치(주소)또는 영역 지정
target : 이동할 페이지가 보여지는 대상(브라우저, 영역)
_blank : 새로운 창 (브라우저, 탭)
_self : 기존 창
_parent : <a> 태그가 있는 영역의 상위 영역
_top : 웹 브라우저 전체 영역(가장 상위 영역)

""안에 주소를 입력하여 링크를타고 그 주소로 넘어갈 수 있다.

이어서 target="_blank"문을 입력하면

새창으로 링크를 열어줌으로써 깔끔하게 링크첨부를 할 수 있다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>길현소개서</title>
</head>
<body>
	<center>
		<h2>[자기소개 페이지]</h2>
		
<hr>

<p><b>이름: </b>백길현</p>
<p><b>출생년도: </b>1995년 7월 21일</p>
<p><b>연락처: </b>010-5125-1567</p>
<a href="https://www.instagram.com/kiryeo_100/" target="_blank"><img src="image/gil.JPG" alt="kiryeo_100 인스타그램" style ="width:200px; height:200px;"></a>
<p><b>인스타그램: </b><a href="https://www.instagram.com/kiryeo_100/" target="_blank"><ins style="color:red">kiryeo_100</ins></a></p>
<p><b>혈액형: </b><i><a href="https://blogfiles.pstatic.net/MjAxNzA3MTdfMTg5/MDAxNTAwMjc2NDI4NDg3.NsdYcy55zlq6SDjwT4JQokr8q1NGJT9BZAMq9ltrldsg.F9aGki5xS1AJ27nuaQBDeOWpfvIy85SSrZZiTzb3vVMg.JPEG.leopold0528/4.jpg" target="_blank">AB형</a></i></p>
<p><b>별자리: </b><a href="https://terms.naver.com/entry.nhn?docId=1993146&cid=48180&categoryId=48250" target="_blank">게자리</a></p>
<p><b>주소: </b>인천 미추홀구 <a href="https://map.naver.com/v5/entry/place/13491556?c=14101497.1064764,4503249.3029070,15,0,0,0,dh" target="_blank"><mark>주안</mark></a>동</p>
<p><b>취미: </b><a href="https://map.naver.com/v5/entry/place/31793861?c=14102404.7961873,4503067.7649648,15,0,0,0,dh" target="_blank">수영</a>, <a href="https://www.musinsa.com/" target="_blank">옷구경</a></p>
<p><b>특기: </b><a href="https://ko.dict.naver.com/#/entry/koko/a624dda748b34933a1006348c23b4f88" target="_blank">오목</a></p>
<p><b>이메일: </b><a href="mailto:jnhy678@naver.com">jnhy678@naver.com</a></p>
<p><b>공부를 위해 참조하는 사이트: </b><a href="https://www.acmicpc.net/" target="_blank"><ins>BAEK JOON</ins></a></p>
<p><b>좋아하는 게임: </b><a href="https://kr.leagueoflegends.com/ko-kr/" target="_blank"><ins>리그오브 레전드</ins></a></p>
</center>
<hr>
</body>
</html>

'HTML' 카테고리의 다른 글

HTML 비디오 삽입 (0)	2020.05.12
HTML 오디오 삽입 (0)	2020.05.12
HTML 목록 만들기 (0)	2020.05.11
HTML 시간표 만들기(표만들기) (0)	2020.05.11
HTML 글자 태그 (0)	2020.05.11