HTML / br / 줄바꿈하는 태그
HTML은 연속한 여러 개의 빈 칸 또는 줄바꿈을 하나의 빈 칸으로 인식한다. 따라서 코드 상에서 줄바꿈을 하거나 여러 번 띄어쓰기를 해도 한 번 띄어쓰기로 표현된다.
만약 블록 요소 안에서 줄바꿈을 하고 싶다면 br 태그를 이용한다. 다음은 br 태그를 이용해서 줄바꿈을 한 예제이다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>HTML</title> </head> <body> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet. Proin gravida velit dictum dui consequat malesuada. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla.<br> Phasellus lacinia tempus mauris eu laoreet. Proin gravida velit dictum dui consequat malesuada. </p> </body> </html>
첫 번째 문단은 코드 상에서 줄바꿈을 했지만 웹브라우저에서는 띄어쓰기로 표현된다. 두 번째 문단은 br 태그가 있는 곳에서 줄바꿈이 이루어진다.
HTML 코드에서 스페이스바로 공백을 계속 만들어도 하나의 공백으로 인식한다. 만약 연속한 띄어쓰기를 하고 싶다면 를 입력한다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>HTML</title> </head> <body> <p>Lorem ipsum dolor</p> </body> </html>