반응형
이미지 CSS로 다루기(background), PICTURE

이미지 CSS로 다루기(background), PICTURE

예전에 이미지를 한번 다룬적이 있는데요. https://frontdevpark.tistory.com/entry/HTML5-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%A7%81%ED%81%AC-%EB%8B%A4%EB%A3%A8%EA%B8%B0img%ED%83%9C%EA%B7%B8-a%ED%83%9C%EA%B7%B8 HTML5 - 이미지, 링크 다루기(태그, 태그) 태그 이미지 안에 width와 height 넣을 수 있으나 css로 관리하는 게 더 좋습니다. HTML 삽입 미리보기할 수 없는 소스 태그 구글 태그는 현재창에서 바로 열리는 게 기본값입니다. target="_blank" : 새로 frontdevpark.tistory.com 이번에는 좀 더 CSS로 이미지 삽입 하는 스킬을 공유 하..

  • format_list_bulleted HTML5
  • · 2023. 12. 18.
  • textsms
Swiper.js - 슬라이드를 쉽게 만들고 쓰자!

Swiper.js - 슬라이드를 쉽게 만들고 쓰자!

여러 홈페이지 사이트나 나도 많이 자주 쓰는 플러그인 Swiper.js WHY? 왜 써? 스와이퍼 같은 기능이 있으면 좋을 거 같은데?, 아 물품 같은 리스트를 있어 보이게 만들 수 없나? 또한 웹페이지에 적용시켜놓으면 굉장히 이쁩니다. 웹과 모바일 사진 아래를 통해 확인할 수 있습니다. CDN의 Swiper 사용 프로젝트에 Swiper 파일을 포함하지 않으려면 CDN에서 사용할 수 있습니다. 직접 다운받아서 사용할 수도 있습니다. https://www.jsdelivr.com/package/npm/swiper jsDelivr - A free, fast, and reliable CDN for JS and Open Source Optimized for JS and ESM delivery from npm an..

  • format_list_bulleted Plugin
  • · 2023. 12. 18.
  • textsms
HTML5 - 피규어 태그

HTML5 - 피규어 태그

태그 태그 : 이미지, 동영상 등 멀티미디어를 넣을 때 태그 : 피겨 태그 안에 이미지 넣기 ~ 태그 : 피규어 태그 안에 이미지에 대한 제목글 넣기 태그 : 피규어 태그 안에 이미지에 대한 설명글 넣기 HTML 삽입 미리보기할 수 없는 소스

  • format_list_bulleted HTML5
  • · 2023. 9. 19.
  • textsms
HTML5 - 목록 만들기(<ol>태그, <ul>태그)

HTML5 - 목록 만들기(<ol>태그, <ul>태그)

순서 있는 목록을 만드는 태그(ol : Ordered List) HTML 삽입 미리보기할 수 없는 소스 순서 없는 목록을 만드는 태그(ul : Unordered List) HTML 삽입 미리보기할 수 없는 소스

  • format_list_bulleted HTML5
  • · 2023. 9. 19.
  • textsms
HTML5 - 이미지, 링크 다루기(<img>태그, <a>태그)

HTML5 - 이미지, 링크 다루기(<img>태그, <a>태그)

태그 이미지 안에 width와 height 넣을 수 있으나 css로 관리하는 게 더 좋습니다. HTML 삽입 미리보기할 수 없는 소스 태그 구글 태그는 현재창에서 바로 열리는 게 기본값입니다. target="_blank" : 새로운 탭에서 열리는 것 의미합니다. target="_self" : 기본값 현재창에서 열리는 걸 의미합니다. title : 마우스를 올렸을 때 툴팁 텍스트를 어떤 내용으로 출력할지 여부를 결정합니다. href : 하이퍼링크 줄임말을 의미하며 이동할 경로를 적으시면 됩니다. HTML 삽입 미리보기할 수 없는 소스

  • format_list_bulleted HTML5
  • · 2023. 9. 19.
  • textsms
HTML5 - 텍스트 서식(<small>태그, <mark>태그, 특수기호태그)

HTML5 - 텍스트 서식(<small>태그, <mark>태그, 특수기호태그)

태그, 태그 태그 : small태그도 big과 같이 글자 크기를 작게 표현해 줍니다. 이번에도 처음 정리하면서 알게 된 코드입니다. css로 통해 글자크기를 줄일 수 있기 때문에 사용하지 않는 코드입니다. 태그 : mark태그는 글자를 하이라이트로 바꿔주는 역할입니다. mark 기본 색상은 노란색 yellow입니다. css를 통해 하이라이트 색상을 바꿀 수 있습니다. 저는 진짜 가끔씩 mark 사용합니다 주로 사용하진 않습니다. 알아두면 좋은 태그인 거 같습니다. HTML 삽입 미리보기할 수 없는 소스 특수기호 특수기호 쓰는 이유는 html에 그대로 사용하면 html 코드에서 , ", & 들이 태그 인식해서 오류를 출력할 수 있으므로 가급적 특수 기호 표현을 사용합니다. : 띄어쓰기를 필요로 할 때 사용..

  • format_list_bulleted HTML5
  • · 2023. 9. 18.
  • textsms
반응형