본문 바로가기
etc

html 기초 h1~ h6, p, br, blockquote 태그

by 확인하기.. 2021. 3. 5.

html 기초 h1~ h6, p, br, blockquote 태그

 

 

<h1> ~ <h6>태그


h 태그는 보통 글을 쓸 때 단락의 제목을 쓸 때 쓰는 태그인데요~  <h1> ~ <h6> 태그까지 있습니다.

h1부터 h6까지 태그를 넣어 작성해보면 아래와 같은 사이즈로 보이게됩니다. 

h1태그로 작성했습니다.

h2태그로 작성했습니다.

h3태그로 작성했습니다.

h4태그로 작성했습니다.

h5태그로 작성했습니다.
h6태그로 작성했습니다.
 

html 편집창으에서 보면 아래와 같습니다.↓...↓.

 

 

티스토리 본문 글쓰기에서
제목 1로 글을 쓰면 h2태그가 붙고
제목 2로 글을 쓰면 h3태그가
제목 3로 글을 쓰면 h4태그가 붙습니다. 

 

 

 

<p>태그 / <br>태그

 

<p>태그

텍스트 단락으로 <p>내용</p>태그로 묶으면 앞뒤에 공간이 생겨서 단락처럼 보이게됩니다.

 

그냥 바로 아랫줄에 줄바꿈만 하고 싶다면 <br/>태그를 넣으면 됩니다. 

 

 

 

<blockquote>태그

 

인용문 넣을 때 <blockquote> </blockquote>로 묶어 줍니다.

 

티스토리 글쓰기 화면에서 제목 밑에 보면 인용이라고 있는데, 이걸 사용하면 <blockquote>태그로 쓰입니다. 

인용문태그입니다. (직접 html 태그로 작성하니 인용1의 모습으로 보입니다.)

 


*** 사실 html을 몰라도 글쓰기를 할 수는 있습니다만, 알아두면 유용한 부분이 있죠~ 저도 html 공부를 좀 해보려고합니다. 공부하면서 알아두면 유용한 html 태그나 사용법들을 포스팅해보도록 하게습니다. ^^

반응형

댓글