[HTML 기본 개념] HTML 문법- 링크/문단/줄바꿈/띄어쓰기

1. HTML문법

1.1  링크

>>> 이미지 경로

<a> 태그를 사용하면 링크를 만들 수 있다. "a"는 앵커(Anchor)를 의미함.

<a href="URL" title="설명" target="문서가 로드될 대상">링크이름</a>

 

1.     -href: 링크이름과 연결되어 있는 리소스의 주소. 즉 이동할 페이지 주소를 적어주면 됨

      href에 #을 사용하면 같은 문서 내에서도 특정한 위치로 이동이 가능

        ex)

                     

<p><a href="#bottom">문서의 하단으로</a></p> <p style="height:600px;">스크롤 만들기</p> <p><a name="bottom">여기가 문서의 하단</a></p>

 

2.     -title: 부가적인 정보를 제공하는 것. 마우스 롤 오버시 툴팁으로 보여주는 역할. 링크의 부가적인 정보를 잘 적어주면 검색 시 유리하게 됨(옵션사항)

 

3.     -target: 링크가 걸린 페이지를 어떻게 열 것인가를 결정.

l  _self: 현재의 문서가 로드된 프래임, 현재 문서 사라짐

l  blank : 새로운 창(탭)을 띄우고 거기에 문서를 로드

l  parent : 현재 문서가 frame나 iframe에 로드된 경우 현재 문서를 로드한 프래임에 문서를 로드

        ex)

<iframe name="sample" src="http://w3c.org/" width="100%" height="300"></iframe>    <a href="http://opentutorials.org/" target="sample">아이프래임</a>

 

1.2  문단, 줄바꿈, 띄어쓰기

1. 문단 사용 à <p> 문단사용 </p>

l  P는 paragraph의 약자

l  문단을 구분할 때 사용함

l  문단과 문단 사이에 공백라인이 들어감

 

2. 줄 바꿈 사용 à <br/>

3. 띄어쓰기 사용 à &nbsp;

>> Align

<p>태그에서 사용되는 가장 대표적인 속성(Attributes)은 정렬을 의미하는 align 이 있다.

align의 속성 값으로는 left, center, right, justfy 가 있다. (justify는 맞춤정렬)