HTML ASIDE2 HTML 레이아웃 코딩 예제 이전 글에서는 HTML 레이아웃의 요소와 태그 및 속석에 대해 살펴보았다. 이번 글에서는 앞 글에서 학습한 HTML 레이아웃을 예시로 HTML과 CSS를 활용하여 코딩을 해 볼 것이다. 하나씩 따라오면서 작성을 하면 그렇게 어렵지는 않을 것이다. 먼저 기본 개념으로 HTML 레이아웃 요소에 header, footer, nav, article, section, aside 요소를 활용하는 기본 요소를 작성해보자. 초기 HTML 문서 코딩과 출력 화면이다. HTML 레이아웃 예제 이곳은 헤더 영역입니다. nav Tiger Lion Puma section start 동물의세계 호랑이 사자 퓨마 section end aside footer > 다음은 nav 영역이다. HTML nav 요소 nav 영역을 가로로 변.. 2023. 5. 25. HTML 레이아웃(HTML Layout) HTML 레이아웃 요소(HTML Layout Elements) HTML에는 웹 페이지의 다른 부분을 정의하는 여러 의미 요소가 있다: 정글의 맹수들 맹수들 사자 호랑이 하이에나 사이드바 꼬리말 마무리 전체적인 HTML 레이아웃 요소에 대해 살펴보았다. HTML 레이아웃 요소에는 header 요소 nav 요소 aside 요소 section 요소 article footer 등의 요소를 활용하여 HTML 문서의 전체적인 구조를 정의한다. 간단한 것이라도 HTML 구조를 정의하여 코드를 만들어보자... 꼭 실습과 반복만이 여러분의 코드의 실력을 향상시킨다. 모두 화이팅!!! 출처 : 이 글의 출처는 w3schools사이트를 참고하였으며 필자가 추가하여 정리한 글입니다. 2023. 5. 24. 이전 1 다음
