html, css, javascript63 사이드바 하위 메뉴 클릭하면 나오고 클릭하면 사라지는 기능 사이드바 하위 메뉴 클릭하면 나오고 클릭하면 사라지는 기능 (feat 부트스트랩, javascript) 부트스트랩 5와 javascipt 코드를 활용하여 사이드바 메뉴를 만든 예시 코드입니다. 부트스트랩 5는 사이드바 스타일을 고정하기 위해 사용하였으며, javascript는 마우스 클릭에 따라 메뉴가 사라지고 나타나는 동작에 관여합니다. HTML 삽입 미리보기할 수 없는 소스 위 코드는 document.getElementById 객체에 style.display 매소드를 사용하였습니다. style.display 에서 주로 사용하는 옵션은 none, block이고 none 은 해당 내용을 제거하기 위해 사용되고 block은 다시 보여주기 위해 사용됩니다. 위 기능을 사용한 코드팬 예시는 아래와 같습니다. .. 2024. 3. 13. html, css로 터미널 처럼 표현하기 html, css로 터미널 처럼 표현하기 HTML CSS 코드 터미널의 에러 메세지를 html 로 표현에서 블로글로 올릴일이 뜨문뜨문 있어서요. 전 아래와 같이 html, css 코드를 작성하였습니다. Error: homebrew-cask is a shallow clone. To `brew update`, first run: git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask fetch --unshallow This command may take a few minutes to run due to the large size of the repository. This restriction has been made on GitHub's request.. 2024. 2. 25. 쿠팡 파트너스 배너 오른쪽 정렬 쿠팡 파트너스 배너 오른쪽 정렬 쿠팡 파트너스 배너를 오른쪽에 두고외쪽에 글을 작성하기 위해 제가 작성한 코드는 아래와 같습니다. 내돈 내산 제품이지만 쿠팡 파트너스 링크를 추가하여두었습니다. 본 제품에 관심이 있다면 아래 링크를 통해 확인해 주세요 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 코드 실행 부분은 아래와 같습니다. 2024. 1. 15. iframe 가운데 정렬 방법 iframe 가운데 정렬 방법 iframe 테스트를 위해 iframe으로 구성된 구글 지도 url을 가져왔습니다. 내 html 화면에서 바로 구글 지도를 볼 수 있는 url 입니다. 위 url을 아무설정하지 않고 가져오면 왼쪽 정렬이 되네요 ㅠㅠ HTML 삽입 미리보기할 수 없는 소스 아래 코드 같이 p 태그에 align 옵션을 middle로 설정하면 가운데 정렬이 되네요 다행히 ㅋ 가운데 정렬이 됩니다. HTML 삽입 미리보기할 수 없는 소스 아래 영역을 통해 코드 펜위에도 올려두었어요 ! HTML 삽입 미리보기할 수 없는 소스 2024. 1. 4. html 두개의 비디오를 한줄에 넣기 html 두개의 비디오를 한줄에 넣기 html 코드 html 코드 실행 결과 2023. 12. 24. ul li 줄 간격조절 ul li 줄 간격조절 line-height 예시 : 글자 HTML 삽입 미리보기할 수 없는 소스 2023. 8. 5. 이전 1 2 3 4 ··· 11 다음
