#9 줄바꿈 - <WEB1-HTML & Internet>

출처 : https://www.youtube.com/c/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A91/featured

생활코딩

 

 

 

 

 

 

 

요약 :

 

인기 있는 태그 2가지.

CSS 규칙도 접해보겠다.

 

 

 

우리는 코드에서 줄바꿈을 했음에도 불구하고

웹 페이지에서는 반영되고 있지 않다.

 

'html new line tag'

 

<br> -> 종료 태그를 쓰지 않는다.

 

 

 

단락을 표현할 때 쓰라고 만든 태그가 있다.

 

'html paragraph tag'   (paragraph : 단락)

 

<p> -> 열리는 태그와 닫히는 태그가 존재.

 

 

 

<p>는 <br>보다 웹페이지를 정보로서 더 가치있게 만든다.

왜냐하면 '단락이다'라는 것을 의미론적으로 표현하기 때문.

 

<br>은 그냥 줄바꿈.

 

 

 

<p>의 단점 : 줄바꿈을 여러 번 하고 싶을 때.

(<p>와 달리 <br>은 여러번 쓰면 된다.)

But 우리에게는 CSS라는 기술이 있다.

 

 

 

CSS에서 태그와 태그 사이 여백을 나타내는 코드가 있다.

'style' => <p style="margin-top:45px;"> -> 정교하게 여백을 설정 가능.

시각적으로 부족한 부분은 CSS를 통해서 정교하게 제어.

 

 

 

CSS로 보완 가능하므로 의미에 맞는 태그를 사용하는 것이 더 좋은 방법이다.

 

 

 

 

 

 

느낀점 : 

 

정보로서 더 가치가 있도록 웹페이지를 만들어야 하는구나.