모바일웹에서 손가락으로 축소/확대가 가능하게 해달라는 요청을 받았습니다.그때는 HTML head에 있는 메타태그를 수정하면 됩니다 :)  위와 같은 메타태그가 있을 때, 아래 부분을 yes로 수정하고, user-scalable=yes, 아래 부분을 1보다 큰 숫자로 수정 하면 maximum-scale=3, 확대/축소가 가능합니다 :) user-scalable 속성이 확대/축소의 여부를 결정하고, maximum-scale 속성이 확대되는 최대값을 결정합니다! 만약 user-scalable 속성을yes로 바꿔주어도,maximum-scale 속성이 1이라면 당연히 확대가 되지 않습니다!ㅎㅎ  저는 관련해서 아래글을 많이 참고하였습니다! :)https://velog.io/@ckstn0777/모바일-웹-환경에서-..

html 에서 [ video ] 태그 사용할 때 썸네일 넣는 쉬운 방법이 있습니다! 아래와 같이 poster="" 속성을 사용하면 됩니다.  after나 before 등으로 동영상 위를 이미지로 가릴 필요 없이, poster를 사용하면 동영상 위에 해당 이미지가 썸네일로 보여지게 됩니다!

마크업을 짤 때 규칙이 있다는 것을 모두 알고 계신가요?앞으로는 아래 규칙들을 참고하여 좋은 코드를 작성할 수 있도록 해보세요!    태그 중첩 규칙1. block 태그는 자식으로 block태그와 inline태그를 모두 가질 수 있습니다.2. Inline 태그는 자식으로 Inline 태그만 가질 수 있습니다. (block태그는 올 수 없습니다.)3. block 태그 중 태그는 자식으로 Inline 태그만 가질 수 있고, block태그는 올 수 없습니다.  예외의 경우이때 태그는 inline 속성을 가지고 있지만, 태그 안에는 태그가 올 수 없습니다. 그 이유는 태그는 링크 이동이 가능한 href 속성이 있는데,위처럼 코드를 작성하게 되면 naver01.com 으로 이동인지, naver02.c..

여러분은 마크업 짤 때 각 코드가 갖고 있는 의미나 속성을 생각하면서 작성하시나요?오늘 정리해 볼 내용은 태그 속성에 관한 것입니다.각 태그들은 고유의 속성을 가지고 있어요! 아래 내용을 확인해 주세요 :)   1. Inline 속성을 가진 태그Inline 태그는 내 요소의 너비, 컨텐츠 크기 만큼만 영역을 차지하는 속성을 가지고 있어요.그렇기 때문에 자신의 내용과 앞 뒤 태그의 내용을 같은 라인에 출력합니다.Inline 속성은 높이나 너비 값을 따로 지정하는 것이 불가능합니다. Inline 태그에는 무엇이 있을까요?, , , , , , , ,   2. Block 속성을 가진 태그block 태그는 컨테이너 너비를 100% 모두 차지하는 속성을 가지고 있어요.그렇기 때문에 자신의 내용과 앞 뒤 태그의 내용..