HTML에서는 <h1>부터 <h6>까지 총 6개의 제목(헤딩) 태그를 사용할 수 있습니다. 제목의 정렬을 설정하려면 style 속성을 사용해야 합니다. style 속성은 특정 요소에 인라인 스타일을 직접 지정하는 역할을 하며, HTML 제목 태그와 함께 CSS의 text-align 속성을 조합하여 사용합니다.
특히 주의할 점은 HTML5에서는 제목 태그의 align 속성을 더 이상 지원하지 않는다는 것입니다. 따라서 과거 방식인 align 속성 대신 반드시 CSS 스타일을 통해 텍스트 정렬을 지정해야 합니다.
style 속성 사용 시 유의사항
style 속성으로 지정한 인라인 스타일은 전역적으로 설정된 모든 스타일보다 우선 적용됩니다. 즉, HTML 문서 내 <style> 태그나 외부 스타일 시트에 정의된 스타일이 있더라도 style 속성의 값이 이를 덮어쓰게 됩니다. 의도치 않은 스타일 충돌을 피하려면 이러한 우선순위 규칙을 항상 염두에 두어야 합니다.
예제
아래 코드를 실행하면 HTML에서 제목 정렬을 설정하는 과정을 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML Document</title> </head> <body> <h1 style="text-align:center">Tutorial</h1> <p>Learn for free</p> </body> </html>
실행 결과
