티스토리 뷰

it&ai/web

⑤ 웹사이트 만들기 HTML 문단

레이나sy 2021. 7. 30. 08:14
반응형

 

지난시간은 제목 <h1>~<h6> 태그에 대해서 알아보았다. 이번시간은 문단 태그에 대해서 알아보려고한다.

 

 

 

 

 

문단태그로 사용되는 태그는 <p> 태그와 <pre>태그가 있는데 먼저 <p>태그는 paragraph의 약자로 문단을 정의하며, 기본으로 스타일이 적용되어있다. 스타일이 적용되어있다는게 무슨말이지? 하겠지만 나중에 CSS를 공부할때 알게 될것이기에 아 <p>태그에는 스타일 패팅과 마진이 기본적으로 적용이 되어있구나까지만 생각하면 좋을것같다.

 

 

 

 

 

<p>태그 : 문단을 정의 하는 태그로 태그안에서는 공백은 여러번 입력한다고 하더라도 브라우저에는 공백을 1번반 입력 한걸로 처리가 된다. 개행또한 <br>태그를 통해 처리해야한다.

 

p.html
0.00MB

 

 

 

 

그렇다면 <pre>태그는 무엇일까? 사실 <pre>태그가 문단을 나타내는 태그이기는 하나 문단태그로는 잘사용되지않고 코드등을 작성할때 주로 사용하며 <pre> 태그는 <p>태그와는 다르게 작성하는대로 공백,개행처리가 되어 편리하지만

웹 접근성이라는것을 따져보았을때는 효율적이지않아 사용하는것을 추천하지는 않는다

 

pre.html
0.00MB

 

 

 

 

 

 

<지난시간 복습하기>

 

① 웹사이트 만들기 HTML기본

 

① 웹사이트 만들기 HTML기본

PC또는 모바일에서 이용하는 웹사이트를 만들기 위해서 기본적으로 알아야하는 언어는 두가지가있다. HTML과 CSS 이 두 언어를 알면 기본적으로 웹사이트에 내가 노출시키고싶은 정보와, 가독력

nclip.tistory.com

② 웹사이트 만들기 HTML head 와 body

③ 웹사이트 만들기 HTML 주석

④ 웹사이트 만들기 HTML 제목

 

반응형
반응형