프롬프트
복사 및 사용자 지정
HTML과 CSS의 관계를 설명하는 전문적이고 명확한 교육용 인포그래픽 다이어그램. HTML 구조와 CSS 스타일링을 위한 별도의 섹션이 포함된 깔끔하고 현대적인 디자인. 밝고 고대비인 색상 팔레트, 미니멀한 아이콘, 명확한 타이포그래피를 사용하여 코드 블록을 표현하세요. 구성은 균형 잡혀 있고 읽기 쉬우며 16:9 화면 비율에 최적화되어 있습니다.
최적 용도
교육용 웹 콘텐츠기술 블로그 게시물프로그래밍 튜토리얼 슬라이드소프트웨어 문서 시각 자료
팁
다이어그램 내에서 HTML 구조 요소와 CSS 스타일링 속성을 명확하게 구분하기 위해 고대비 색상 팔레트를 사용하세요.
코드와 결과물 간의 관계를 효과적으로 전달할 수 있도록 왼쪽에서 오른쪽 또는 위에서 아래로 이어지는 논리적인 흐름을 따르는 레이아웃을 구성하세요.