728x90 반응형 SMALL 개념/HTML+CSS18 HTML) Semantic Layout for a Mobile Page == header == mobile page == navigation == 경력 학술 인적 소개 == section1 == == article1 == 인적 사항 성명 : 생년월일 : 주소 : 연락처 : 학력 : == aside == 참조 링크 : == footer == Copyright © 2023 Kim, Dongmin 1. **Header**: - The `` tag is used to encapsulate the introductory content of the page. It includes the website's main title (``) and a secondary heading (``) that highlights the section as the page header. 2. **Navi.. 2025. 2. 28. CSS) CSS Style for Button States Example button 1 button 2 button 3 button 4 button 5 button 6 button7 button 8 1. **CSS Styling**: - The document defines styles for `` elements to look like buttons, applying a purple background, white text, and a purple border. These styles apply to all `` elements within the document, providing a consistent look for all buttons. - For buttons within `` elements, a hover effect is specified that rever.. 2025. 2. 22. CSS) CSS Customization for HTML Lists style 1 style 1-1 style 1-2 style 1-3 style 2 style 2-1 style 2-2 style 3 style 3-1 style 3-2 style 4 1. **List Style Type**: - The global style for `ul li` sets list items within unordered lists to have square markers. - The `.class1` selector targets ordered list (``) items and changes their markers to lower-roman numerals. - The `.class2` selector applies upper-alpha (uppercase letters) list .. 2025. 2. 20. CSS) Stylish HTML Table with CSS table3. schools year name address 1992소망 유치원경기 여주 1998평화초등학교서울특별시 송파구 문정동 2001영광중학교경기도 성남시 2004희망고등학교경기도 안산시 1. **Table Structure**: - The table is structured into a caption, a header (``), and a body (``). This semantic structure not only organizes the data but also aids in accessibility and styling. - The `` provides a title or explanation for the table, styled prominently to stand out. - The .. 2025. 2. 19. 이전 1 2 3 4 5 다음 728x90 반응형 LIST