빈대떡 친구

html 중앙정렬을 사용하는 방법에 대한 정보성입니다. 홈페이지 제작에 입문하시려는 분들이나 저처럼 오픈형 블로그를 운영하고 있는 분들이라면 기초적인 프로그래밍 언어는 알아두는 것이 좋은데 기왕이면 자주 쓰는 내용을 위주로 알아두는 것이 좋겠죠? 그래서 html 중앙정렬을 해주는 것에 대한 내용을 한 번 엮어보려 합니다. 제가 비록 이 분야의 전문가는 아니지만 그래도 간단한 기능은 충분히 알려드릴 수 있을 것 같다는 생각이 들어서 이렇게 정렬에 대한 글을 쓰게 되었으니 찾고 있었던 정보라면 참고를 해보시기 바랍니다!

html 중앙정렬을 해주는 방법은 다양한데 가장 만만한 것은 역시 <center></center>를 쓰는 것이 아닐까 합니다. 고로 어떤 이미지를 페이지 가운데 정렬을 하고 싶다면 <center><img src="이미지 경로"></center>를 적어주면 되는 것이고 텍스트가 가운데 위치할 수 있도록 기능을 사용하고 싶다면 <center>중간입니다!</center>를 적어주면 됩니다. 센터를 쓰는 방법은 정말 간단하죠?

추가적으로 auto 마진 기능을 사용하는 것에 대한 내용도 정리를 해보자면 <div id="abc"></div>를 쓰면 기능이 작동되는데 사전에 스타일 시트에 #abc { width : 1000px margin : 0 auto ; }가 입력되어 있어야 합니다. 그럼 <div id="abc">가운데 정렬!<div>을 입력하면 내용은 중간으로 위치하게 되죠. 이렇게 텍스트로 정리하니 기능을 쓰는 것이 엄청 어려운 것 같은 느낌이 있는데 막상 행동으로 옮기면서 정렬을 사용할 땐 어렵다고 생각되는 부분은 없을 것이라 예상을 합니다.

하지만 제 글이 부족하다는 것은 인정을 해야 할 것 같습니다. 아무래도 준비가 없는 상태로 글을 쓰니 쉬운 기능도 어렵게 느껴지게 되는군요. 아쉽지만 가운데로 정렬을 해주는 기능을 쓰는 것과 관련된 글은 이쯤에서 갈무리를 하고 다음에 제대로 준비를 해서 글을 새롭게 써야 할 것 같습니다. 비록 빈약한 글이지만 그래도 들러주신 분들께서 html 중앙정렬 기능을 쓰는 것에 미약하게나마 보탬이 될 수 있었으면 좋겠으며 저는 물러나도록 하겠습니다. 여담으로 제가 예전에 배울 때 자주 찾아갔던 곳인데 시간이 된다면 'ghkdxodn.tistory.com/27'을 한 번 찾아가셔서 배워보시는 것도 좋을 듯합니다!