Line Break 태그
--------------------------------------------------------------------------------
HTML 문서에서 는 한칸의 공란의 의미밖에 없으며 줄바꿈의 기능을 하지 않습니다. 다음 그림의 예1을 보면 HTML 문서에는
단락만들기
목록만들기
표만들기
양식만들기
창만들기
와같이 줄을 바꾸어 작성되었지만 웹브라우저 상에서는 단순히 한칸의 공란이 띄어졌을 뿐 입니다. HTML 문서에서 줄을 바꾸기 위해서는 <BR>태그를 사용하여야합니다. 그림에 <BR> 태그를 사용한 예를 참조하시기 바랍니다. 즉 웹브라우저가 HTML 코드를 읽다가 <BR> 이란 태그를 만나면 그 후의 내용을 웹브라우저상에서 줄을 바꾸어 표현하게된다는 의미입니다.
Paragraph 태그
--------------------------------------------------------------------------------
<BR> 태그는 줄을 바꾸어 주는 기능을 한다면 <P> 태그는 다음 그림에서 보시는 바와같 이 한칸의 빈줄을 만들어주는 역할을 합니다. 오직 한 개의 빈줄만을 만듭니다. <P> 태그 를 여러개 사용하여도 오직 한 개의 빈줄만을 만들어 줍니다. 최신의 HTML 버전에서는 <P> 태그도 컨테이너로 되어 있습니다. 즉 끝내기 태그를 갖고 있지만 끝내기 태그를 사용 하든 안하든 기능에 차이는 없습니다. 여러개의 빈줄을 만들고 싶을 때 <P> 태그는 오직 한 개의 빈줄을 만들어 줍니다. 웹문서를 만들다보면 때론 여러개의 빈 공락 즉 여백을 만들고 싶을 때가 있습니다. 방법은 여러 가지가 있습니다. 뒤에서 배우시게 될 <PRE></PRE> 요소를 사용할 수도 있고 지금 설명드리고자하는 것처럼 공란을 의미하 는 특수문자를 사용하는 방법이 있습니다. 키보드로 를 쳐서 줄을 바꾸는 것은 의미가 없다고 말씀드렸습니다. 그런 경우는 다음 앞 그림에서 공란을 의미하는 특수문자 를 여러개 사용하여 공란을 여러개 만들 수도 있고 특수문자 ( )와 <BR>태그를 여러본 반복 사용하여 여러개의 빈줄을 만들 수 있습니다.
수평선 긋기(Horizonal Rule)
--------------------------------------------------------------------------------
단란을 구분하는 방법은 빈줄을 만들어 놓는 것도 좋은 방법이지만 내용이 달라질 때는 확 실한 구분선을 그어줄 필요가 있는 경우도 있습니다. 그런 경우에 사용하는 것이
태 그입니다. 즉 <HR> 태그는 수평선을 그어주는 기능을 하게 되며 이 태그는 Align, Size, Width, Noshade 네 개의 속성을 가질 수 있습니다.
Size 속성
Size 속성은 수평선의 굵기를 표현해 주는 속성으로 다음 그림을 보면 첫 번째 수평선에는 이 속성을 사용하지 않았고 나머지 수평선들은 각각 5, 10, 50이라는 값을 사용하였습니다. 여기서 이 속성의 값으로 사용한 숫자는 픽셀값이며 이 속성을 사용하지 않았을 경우 선의 굵기는 2 픽셀입니다.
Width 속성
수평선의 가로 크기를 지정할 때 사용하는 속성입니다. 값을 표현하는 방법에는 두가지 방 법이 있는데 픽셀값으로 나타내는 방법과 화면에 대한 비율로 나타내는 방법이 그것입니다. 다음 그림에는 이 속성을 사용하지 않은 경우와 수평선의 폭을 80 픽셀과 80%를 각각 사용 한 수평선을 볼 수 있습니다. 픽셀을 지정할 경우 어떤 웹브라우저에서든 동일한 폭으로 수 평선이 그어지지만 %값을 사용한 경우는 웹브라우저 화면의 해상도에 따라 수평선의 크기 가 변화될 수 있습니다.
Align 속성
수평선도 역시 Align 속성을 사용하여 원하는 위치에 배열할 수 있는데 값으로 left, right, center, justify 등을 가질 수 있으며 이들은 각각 수평선을 화면의 왼쪽, 오른쪽, 중앙 및 앞 의 배열방식에 따라 위치시키게 됩니다. 다음 그림에 이 속성을 사용하지 않은 경우 및 이 속성값으로 left, right, center값을 사용한 예를 볼 수 있습니다. 여기서 눈여겨 볼 것은 이 속성을 사용하지 않은 경우 수평선이 가운데 위치된 것을 볼 수 있습니다. 이것은 앞은 Align 속성이라는 텍스트가 가운데 정렬되어 있기 때문에 가운데 정렬된 것으로 이 속성의 값으로 justify를 사용한 경우와 같은 효과입니다.
Noshade 속성
이 속성은 웹브라우저 화면에 그어진 수평선이 먹선이 되게 하는 기능이며 이 속성은 변수 를 갖지 않습니다