티스토리 뷰

IT 컴퓨터관련

html 줄바꿈 태그 초간단

Hyun IT 2020. 11. 26. 13:52

 

 

 

html 줄바꿈 태그 초간단

웹 언어인 html은 인터넷 웹페이지를 제작하는 데 사용되는 필수 언어이다. html은 우리가 알고 있는 기본적인 워드나 텍스트파일 또는 한글파일과 달리 태그를 입력해야지만 원하는 페이지를 만들 수 있다. 태그는 html에 사용되는 명령어이다. 꺽쇠괄호를 사용하면 나타내는데, '<html>' 이런 방식이라고 보면 된다. 웹 페이지 제작 및 수정을 위해서는 다양한 명령어를 알아야한다. 그 이유는 워드와 달리 명령어를 통해서만 이미지의 위치, 글자 크기, 컬러, 문서 이동들을 지정할 수 있기 때문이다.

 

기본적인 html 태그들이 있는데, 초보자들이 가장 헷갈려하고 자주 사용되는 html 줄바꿈 태그에 대해서 알려주겠다.

 

 

 

 

html 줄바꿈

html 줄바꿈 태그는 <br>이다.

html을 작성하는 데 줄바꿈을 원하는 곳에 <br>을 넣어주면 된다.

아래의 이미지로 쉽게 설명해주겠다.

 

 

▲ 위와 같이 기본적인 태그로 웹페이지를 제작한다고 했을때, html 제작툴(필자는 메모장으로 예시를 들었다.)을 이용해 위와 같이 문장을 쓰고 줄바꿈을 하려고 엔터로 작성한다.

하지만 제작된 웹페이지에서는 실제로 줄바꿈이 되어있지 않을 것을 확인할 수 있다.

 

 

 

▲ html 줄바꿈 태그인 <br>을 문장 끝에 작성해주면, 웹페이지에서 'html 줄바꿈은 어떻게 하지?'라는 문장 다음에 줄바꿈이 된 것을 확인할 수 있다.

 

 

▲ html 줄바꿈 태그인 <br>은 간단하게 설명하면 한줄바꿈이라고 생각하면 된다.

한줄 더 띄고 싶다면, <br><br> 이렇게 연속으로 작성해주면 두줄띄기가 완성된다.

 

 

 

<br>을 통해서 줄 간격을 조정하여 가독성이 좋게 웹페이지를 꾸밀 수 있다.

 

저작자표시

'IT 컴퓨터관련' 카테고리의 다른 글

포토샵 색상바꾸기 초간단  (0) 2021.01.06
한글 빨간줄 없애기 팁  (0) 2020.12.16
알씨 동영상만들기 알아보기  (0) 2020.11.25
PNG 파일이란?  (0) 2020.11.18
jpeg를 jpg로 변환 방법  (0) 2020.11.17
댓글