반응형 HTML32 [HTML] header & section & footer 섹션을 나눌 때 사용하는 태그들이다. 하지만, 굳이 header & footer까지 사용해야 하는지 의문이다. 그냥 section 태그로 통일할 수 없을까? 하는 것이 내 생각이다. 물론 실제로 section으로만 통일해도 되고, 셋다 안 쓰고 div로만 쓰는 사람도 있는 듯 하다. 굳이 저걸 쓰는 이유는 요거란다. 그냥 다른 사람들도 코드를 볼 때, 쉽게 이해되라고 저런 식으로 태그명을 붙이는 것이란다. 정말 별거 아닌 이유군… 하지만 코드가 길어질 때 저런 식으로 section별로 나눠놓으면, 한 눈에 들어와서 관리하기 편하다. 2023. 10. 11. [JS] Swiper https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Swiper에는 다양한 옵션들이 있습니다. 옵션을 사용하면 마우스로만 움직이는 슬라이드를 버튼 클릭으로 움직이게 하거나, 아무런 동작을 하지 않아도 자동으로 슬라이드가 넘어가게 하는 등 사용자가 더 편리하게 이용할 수 있습니다. 사용 방법 사이트 접속해서 다운 받기 alpha가 아닌 파일 다운 받기 사이트 링크로 파일 불러오기 4. 기본 레이아웃 추가 Sl.. 2023. 10. 11. [HTML] 구글 머터리얼 아이콘(Google Material Icons) 지난 포스트 ‘구글 폰트’에 이은 유용한 사이트 추가!! 구글 머티리얼 아이콘 바로가기 ↓↓↓↓↓↓↓↓↓ https://fonts.google.com/icons?selected=Material+Icons => head 태그 안에 위 코드를 추가한다. 구글 폰트와 마찬가지로 코드가 나온다. 이건 이미지이기 때문에 SVG나 PNG 이미지를 다운받아서 사용해도 된다. 2023. 10. 11. [HTML] 구글 폰트 웹페이지를 만들다보면 이쁜 폰트를 사용하고 싶은 경우가 있다. 그럴 경우에는 ‘구글 폰트’를 이용하면 된다. 구글폰트 바로가기 ↓↓↓↓↓↓↓↓↓ https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 원하는 폰트를 선택한 후, 원하는 크기와 굵기의 글씨까지 선택하면 옆에 코드가 나오는데, 저 코드를 그대로 사용하면 원하는 폰트를 손쉽게 사용할 수 있다. 2023. 10. 11. 이전 1 ··· 4 5 6 7 8 다음 반응형
