반응형 코드, 노코드/HTML & CSS2 CSS 이미지 가운데 정렬 (magin: 0 auto) 안될 때 HTML/CSS 공부하면서 실제 적용하면서 생겼던 문제들을 정리해보았다. 배울때는 몰랐는데 막상 배운대로 적용이 안되네? 싶었는데 수업 다시 복기해보면 다 배운내용이라는게 함정 ㅋㅋ 참고로 margin: 0 auto;는 위/아래 margin 0, 좌/우 maring auto라는 의미 margin-left: auto; margin-right: auto;와 같은 뜻이다. 1. Display : Block인지 확인 간단하게 로고를 화면 한가운데 표시해보자. 그냥 margin: 0 auto;만 적용하면 제대로 표시되지 않고, display: block을 적용하면 정상적으로 표시된다. (width 지정해도 정렬 안됨. width 지정하고 overflow: hidden해도 된다고 해서 해봤는데 정렬 안됨. 내가 잘.. 2023. 6. 28. HTML에 이메일 보내기 링크 넣는 방법 내가 만든 포트폴리오 홈페이지에 이메일 링크 넣는 방법에 대해 알아보자. 이메일 링크를 누르면 자동으로 기본 메일 프로그램을 연결해 주고, 메일을 보낼 수 있는 기능으로, mailto라는 명령어(?)를 활용하면 된다. 1. HTML에 mailto 추가하기 초간단하다. 텍스트에 링크를 넣는 'a' 태그에 mailto라는 문구를 추가해서 사용하면 된다. 사람들에게 보이는 텍스트 예를 들어, 내 회사 메일이 mycompany@gmail.com이고, mycompany@gmail.com이라는 텍스트를 누르면 사람들이 나에게 메일을 보낼 수 있으면 좋겠다면 아래와 같이 하면 된다. mycompany@gmail.com 받아야 하는 사람이 여러 명인 경우 콤마(,)로 구분하여 추가하면 된다. 메일 보내기 쫌만 응용하면.. 2023. 1. 9. 이전 1 다음 반응형
