줄바꿈 코드(br)
줄을 바꿔봅시다.
<br>정말 줄이 바뀌나요?<br><br>네 바뀝니다.
출력결과
줄을 바꿔봅시다.
정말 줄이 바뀌나요?
네 바뀝니다.
특이한것은 줄바꿈 코드는 열린 태그만 존재한다는것! 닫힘 태그는 없다!
왜 없나요?
-무엇인가를 설명하지 않음>감쌀 컨텐츠가 없음>태그를 닫을 필요가 없음
예) img, input, br, hr, meta
그러면 줄바꿈은 br태그로만 가능한가요?
그렇지 않습니다! p태그로도 가능합니다!
p태그는 br태그와는 다르게 하나의 단락을 그룹으로 묶을 수 있도록 열고 닫는 태그가 존재합니다~
줄바꿈 코드(p)
줄을 바꿔봅시다.
<p>정말 줄이 바뀌나요?<p><p>네 바뀝니다.
출력결과
줄을 바꿔봅시다.정말 줄이 바뀌나요?
네 바뀝니다.
p와 br은 비슷하지만 살짝 다르다!
-p태그는 br태그와 달리 닫는 태그가 존재한다!
-br은 정말 말 그대로 줄바꿈만 해주고 p는 단락을 표시한다!
-p태그의 단점은 단락과 단락의 간격이 고정되어 시각적으로 자유도 떨어진다!
+마지막 단점은 CSS로 해결이 가능합니다!
태그 뒤에 style이라는 HTML속성을 씁니다!
CSS의 문법중에서 태그와 태그 사이의 여백을 뜻하는 margin을 사용해서
p태그의 단락 간격을 조절 할 수 있습니다!
줄을 바꿀땐 br태그를, 단락으로 구분해야할땐 p태그를 씁시다~
br보다 p가 더 좋은 이유!
p 태그를 통해 단락과 경계를 분명히 지으면서도 CSS를 통해 p태그의 디자인을 자유롭게 변경할 수 있기때문에 br태그보다 p태그가 더 좋은 선택이다!
홈페이지_근황.png
간격을 조절할 수 있다는게 정말 큰 장점인것 같다! p를 쓰면 간격 조절을 어떻게 하나 궁금했는데 CSS라는 다른 언어를 사용하는구나~ 이것도 얼른 배우고싶다!