header ads

블로그 테마 Html 태그 들여다 보기 ver2 - enjoydo4it

구글 블로그 테마에 사용된 HTML 언어의 하이퍼링크를 위한 태그와 속성 대하여 개략적인 뜻을 정리해 보고자 한다.

하이퍼링크를 위한 <a> 태그와 속성

Html의 특징 중의 하나인 하이퍼링크란 연결된 객체를 말합니다.

1) <a> 태그 속성

1-1) href : 문자열 - 하이퍼링크 연결로 이동하고자 하는 곳의 위치를 지정

1-2) name : 문자열 - 하이퍼링크에 이름을 지정

1-3) target : 문자열 - 하이퍼링크를 클릭했을 때 herf 속성에 지정된 URL이 보일 위치를 지정

1-4) title : 문자열 - 하이퍼링크에 대한 설명을 표시.


2) <a> 태그 사용 예

예 1) <a href = "link.html"> link.html이라는 문서로 이동</a>

예 2) <a href = "https://www.google.co.kr">구글 홈페이지로 이동</a>

예 3) <a href = " home.html"><img src="Home.gif" border=0></a>

이미지 Home.gif를 클릭하면 home.html문서로 이동 한다.

예 4) <a href = "mailto:sample@daum.net">

sample@daum.net에 이메일을 보낼 수 있는 링크 생성.

예 5) 문서 내에서 특정 문구나 제목으로 이동을 원할 경우.

<a href="#5번째 제목">여기를 클릭하면 5번째 제목으로 이동</a>
<a name=" 5번째 제목"></a>

예 6) 절대 경로와 상대 경로

절대 경로 : 루트 디렉토리로부터 시작하여 일일이 경로를 지정해 주는 것.
<a href = "c:\bloghome\01\home1.html">절대 경로</a>
상대 경로 : 현재 html 문서가 지정된 위치를 기준으로 경로를 지정해 주는 것.
<a href = "home1.html"> 상대 경로</a>

예 7) 음악, 동영상 파일 링크하기

<a href="노래_동영상.mid">노래_동영상</a>

예 8) <a href="sample.zip">sample.zip 다운로드 하기</a>

예 9) <a href = "새_창에서_문서_열기.html" target="_blank">새 창에서 문서 열기</a>

새 창에서 문서 열기를 클릭하면 새로운 웹브라우저 창에서 새_창에서_문서_열기.html의 내용이 표시됩니다.

정리하며

블로그 테마 또는 스킨의 html의 내용을 보면 <a>태그가 많이 사용되는 것을 알 수 있습니다. 프로그램을 작성할 수는 없지만 개략 무슨 뜻인지는 알고 가는 것도 나쁘지 않지 않을까생각합니다.