[html/css]favicon 사용, map태그, area태그, 이미지 좌표 확인 방법, 다각형 링크
·
HTML|CSS
20240801수업favicon형식 (rel:relation) 파비콘(favicon, 'favorites + icon') 또는 패비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘favicon사이트: https://favicon.io/emoji-favicons/ogre/ Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly generate a favicon for your website for free!favicon.io 태그는 클라이언트 측 이미지 맵을 정의하는 데 사용됩니다. 이미지 맵은 클릭 가능한 영역이 있는 이미지입니다. 요소의 필수 name 속성은 의 usemap 속성..
[html/css]링크 버튼 만들기,vertical align
·
HTML|CSS
20240801수업 Link Button '눈떠보니 월드스타' 김예지, 조회수 4000만회 세계적 폭발 링크 버튼 link button link button HTML 삽입미리보기할 수 없는 소스 height대신 padding을 쓰는 이유:block태그는 vertical align이 적용x td에서는 먹지만 a태그에는 inline-block을 줘도 vertical 적용xtable(block)은 vertical-align이든 padding이든 다 먹히긴 한다. 그런데 block태그와 inline태그에서는 태그에따라서 적용될 수 있는 속성이 다르기때문에 여러가지 속성을 활용해 볼 수 있도록 할 것. 참고:https://www.w3.org/TR/CSS2/tables.html#height-layout Tables..
[html/css] a 태그(문서or링크 연결),padding과 margin의 차이
·
HTML|CSS
20240730수업a태그(다른 문서 또는 링크와 연결) 형식 HTML 삽입미리보기할 수 없는 소스꿀팁- 단축키:li*4>a : ul안에 li4개있고 그 li안에 각각 a가 있음 HTMLCSSJAVASCRIPTSQL HTML 삽입미리보기할 수 없는 소스 (result창만 켜서 볼것) 문제 :: a 태그 top/bottom 여백이 제대로 들어가지 않는 것은 왜 그런걸까? 답안 :: inline 요소 전체의 특징이다. 원래 inline 요소는 margin top-bottom이 안들어 간다고 한다. 위 이미지에서는 마치 padding top이 적용되지 않는 것 처럼 보이지만 실제론 들어간 거다.(브라우저에 가려진 듯) 해결 ::>>a 태그 스타일에도 li에 한거처럼 inline-block을 부여한다.