HTML의 구성요소
HTML 문서의 작성
HTML의 기본구성
BODY 태그
주석(Comment)
줄바꾸기
P(paragraph)
BR(Line Break)
표제(Heading)
텍스트 관련 태그
FONT 태그
특수문자
링크(Link)
내부링크
이미지(image)
이미지 경로
이미지 포맷
이미지 정렬
색(color)
HTML 색상표(1)
HTML 색상표(2)
배경(background)
테이블(table)
열과 행의 확장
여백과 경계선
너비와 높이
정렬
프레임(frame)
frameset
frame
frame target
noframes
리스트(List)
type
내부링크(책갈피 기능)

<a>태그의 속성중에 name이라는 속성이 있습니다. 이는 링크의 이름을 지정합니다.

링크에 이름을 지정하면 문서내에서도 이 이름을 이용하여 이동이 가능합니다.(페이지 이동이 아니라 스크롤을 통한 이동)

문서내부로 링크를 걸때는 #과 내부링크의 name 속성값을 적어주면 됩니다.

<p><a href="#bottom">문서의 하단으로</a></p>

<p style="height:600px;">스크롤이 되는 효과를 나타내기 위해서 이 문단의 높이를 높게 지정합니다.</p>

<p><a name="bottom">여기가 문서의 하단</a></p>

위의 소스에서 style="height:600px;" 이 부분은 CSS 입니다. CSS 부분을 공부하면 간단하게 이해가 됩니다.

만일 위의 소스를 가지고 확인시 스크롤바가 생기지 않으면 height:600px 이 부분을 증가시켜 주면 됩니다.

Copyright © Homejjang.com All rights reserved.