HTML은 웹페이지의 기본 구조를 만드는 언어입니다. WordPress에서 작성한 콘텐츠도 결국 브라우저에는 HTML로 전달됩니다. 조금만 이해하면 페이지가 어떻게 구성되는지 훨씬 쉽게 파악됩니다.
처음에는 이 정도면 충분합니다
| 요소 | 역할 |
|---|---|
| h1 ~ h6 | 제목 |
| p | 문단 |
| a | 링크 |
| img | 이미지 |
| ul · ol | 목록 |
| div · span | 영역 · 인라인 영역 |
HTML로 구조를 만들고 CSS로 디자인합니다. 버튼에 class를 하나 붙이고 그 class에 여백을 주는 식으로 둘은 항상 함께 움직입니다.
HTML을 직접 수정해야 할까?
항상 그렇지는 않습니다. Block Editor로 충분하다면 굳이 손대지 않아도 됩니다. HTML은 기본 편집 기능으로 해결되지 않는 작은 문제를 조정할 때 유용합니다.
주의
잘못된 HTML 구조는 페이지 표시 문제를 만듭니다. 작은 부분부터 수정하고 결과를 확인하십시오. 특히 div 구조를 무리하게 바꾸지 않는 것이 좋습니다.
HTML → CSS → WordPress 구조를 조금씩 이해하면, 사이트가 더 이상 완전히 낯선 영역으로 느껴지지 않습니다.