html 한칸띄우기 태그 알아보기

자 오늘은 두번째 시간으로 html 한칸 띄우기에 대해서 한번 알아보려고 합니다. 한칸을 띄우는 행위는 왼쪽에서 오른쪽으로 한칸 띄울수도 있고, 일렬로 나열된 글이나 사진을 한칸 띄울수도 있으니 두가지다 설명드리겠습니다. 

네 기본적인 html 뼈대에 3줄의 글을 작성해보았습니다. 지난시간에 배웠던것 처럼 글자만 적는다면 html 태그안에서는 글을 띄워적는다고 해도 실행했을때는 다음과 같은 못생긴 아이가 나오게됩니다. 그럼 이럴땐 br 태그를 이용해야겠죠?

네 br태그를 이용하여 이전보다는 보기 좋게 완성되었습니다. 그럼 왼쪽에 딱 달라붙어있는 글은 어떻게 띄워야 할까요? 정답은 바로   입니다. 

  는 줄바꿈 없는 공백이라는 뜻의 no break space의 줄임말입니다. 왼쪽에서 오른쪽으로도 한칸띄우기가 되고 오른쪽에서도 왼쪽으로도 한칸 띄우기가 가능합니다. 다음에 배울 margin 혹은 padding 개념을 배우기 전까지는 우리는 이  를 즐겨 사용하게 될것입니다.