'html'에 해당되는 글 1건

p 태그 | br 태그 


줄과 관련한 태그를 오늘은 알아볼까합니다.

<P> 태그  :한 단락을 만들어주는 태그


<p>태그를 없이 애국가 4절과 <p>태그를 있는 애국가 4절

<p>태그를 처리할 경우 1.2.3.4로 나누어지게 보여줄 수 있으면 

우리가 문학 시간에 배운 단락에 구조처럼 줄칸이 생기게 됩니다. 

또한, <p>태그 또한, CSS를 통한 줄칸의 사이도 변화시킬 수 있습니다.

실험적으로 <P> 태그를 동일하게 두번 적용했을 때, 

마치 하나를 적용한 것처럼 보여지게 됩니다. 

물론 3절 부분에서 안에다가 적용하면 안에서 단락이 더 생깁니다.


<br> 태그 :줄을 바꿔주는 태그 

XHTML과 HTML에서 약간씩 다릅니다.

하지만, 여기선 HTML에 방법 아시면 됩니다.

XHTML : <br/> | HTML : <br>

html 은 규칙이 느슨하여 태그를 안닫거나 태그를 닫는 순서가 바뀌어도 문제되지 않지만 
xhtml 은 규칙이 엄격하여 태그를 꼭닫아주어야 하고 태그를 닫는 순서도 엄격하게 적용됩니다.

1-2 사이에 <br> 태그를 1 사용시 줄이 생기고,

2-3 사이에 <br> 태그를 2 사용시 2줄이 생기고, (마치 P태그 처럼 보여집니다.)

3-4 사이에 <br> 태그를 # 사용시 3줄이 생깁니다. 

<br>태그는 사용할 수록 줄칸이 추가되는 것처럼 보입니다. 
(@ <br>태그 경우 코드에 가독성이 떨어짐으로 되도록 사용을 자제하는게 좋다고 하네요)



블로그 이미지

미나미나미

,