html br 태그를 알아보자

티스토리 뷰

피씨 톡

유똑띠 2018. 12. 25. 20:43

저는 요즘 학원에서 HTML&CSS 강좌를 수강하고 있습니다. 총6개월 과정중에 4개월을 수강한 요즘 조금 나태해지기도 했고,무엇인가 기록을 남겨보면 좋다고 생각하여 예전에 활동하던 블로그에 하나하나 써보기로 하였습니다.

오늘은 첫시간으로 간단히 HTML의 칸띄위기 기능인 태그에 대해 알아보기로 하겠습니다. 우선 제가 배운 기술들을 하나하나 블로그에 올릴 작정이니 HTML을 배우고 싶으신 분들은 차근차근 따라오시길 바랍니다.

앗차 화면은 너무 크고 글자는 너무 작네요...다음 회차부터는 쓸데없는 공백을 없애도록 하겠습니다. 일단 기본적인 HTML 기본 구조입니다. HTML 안에 <HEAD>와

<BODY>로 구성되고 있습니다. 여기에 간단한 글을 써보도록 하겠습니다.

BODY태그 안에 두줄의 글을 써보았습니다. 우리가 익히 써왔던 메모장이나 워드 같은 경우에는 띄어쓰기가 자동으로 되지만 HTML은 멍청한 도구입니다. 즉 하나하나 작업자가 명령해준 그대로 작동합니다.

앗차 한글깨짐 방지기능이 빠져있네요. HTML이 영어를 기본으로 셋팅되어있다보니 한글은 당연히 깨집니다. 그래서 코드를 하나 넣어주겠습니다.

<HEAD>아래에 <meta charset="utf-8">을 넣어주었습니다.

이제 한글이 정상적으로 작동합니다. 그러나 띄어쓰기는 안되고 있네요. 이럴때 사용하는 태그가 바로 태그 입니다. 띄어쓰기를 하고 싶은 코드 끝나는 부분에 코드를 넣어주면 되며 닫아주는은 필요없어서 간단합니다.

그림을 보시면 첫번째 줄과 두번째 줄사이에 태그를 넣으니 칸띄우기가 되었습니다. br태그는 자신이 띄우고 싶은 글 옆에만 넣어주면 됩니다.

ex1)

저는 코딩을

공부합니다.

열심히

공부합니다.

이렇게 써도 되구요.

두줄을 띄어쓰기를 할때에는

ex2)

저는 코딩을 공부합니다.

열심히 공부합니다.

이렇게 출력되게 됩니다. 이상으로 태그에 대해 알아보았습니다.

공유하기 링크

공지사항

최근에 올라온 글

최근에 달린 댓글

링크