목록HTML (3)

개발나라 스용공주

[생활코딩] JavaScript 왕기초 3장 - Visual Studio Code / 야간모드 버튼 만들기 실습

이번 글은 아래 강의를 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=5tqfbgfA1LY&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=12  [ 실습 결과 ]아래 영상 결과와 같이 night버튼을 누르면 배경이 검정색이 되면서 야간모드가 실행되고 day버튼을 누르면 다시 화면이 흰색으로 변하면서 원래대로 돌아온다.전체 코드는 아래와 같다. 안녕하세요    [ 실습 설명 ]먼저 버튼을 누르면 변경되는 것이므로 버튼을 생성해준 이후 value 값으로 night버튼인지 day버튼인지 표시해준다.그리고 만든 버튼을 누를 시에 실행되는 것은 이벤트이므로 onclick 이벤트를 사용해주고 이벤트 내용에 대해서는 ..
WEB/JavaScript 2024. 8. 14. 21:51
[생활코딩] JavaScript 왕기초 1장 - Visual Studio Code / html과 js 비교하기

이번 강의는 아래 영상을 바탕으로 작성되었습니다.(생활코딩)https://www.youtube.com/watch?v=Ru5zGHkOgic&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=3    [ JavaScript란? ]웹이 게임처럼 사람과 상호작용하도록 하는 것- html : 웹페이지를 만드는 발판으로 '발판'의 역할을 한다. (멈춰있는 정보)- JavaScript : 사용자와 상호작용하도록 기능을 추가하는 '기능'의 역할을 한다. (이를 움직이도록 만드는 것) 웹은 사용자와 상호작용하며 검색도 가능하도록 만든 것.    [ html에서 JS 사용하기 ]html에서 JavaScript를 사용하려면 이것이 JavaScript 문법이라는 것을 알려줘야한다.그 표시는 ..
WEB/JavaScript 2024. 8. 9. 15:43
[HTML] 깜빡거리는 글씨 만들기 - 애니메이션을 활용한 글씨 깜빡임 생성

이번 글은HTML에서 2가지 색상의 반복으로 글씨가 깜빡거리는 듯한 효과를 만들어 볼 것이다.글씨 깜빡이는 애니메이션 넣기 실행화면 먼저 아래 코드와 같이 상품을 소개하는 코드를 작성해준다.* { margin : 0; padding : 0; background-color: rgb(219, 241, 216); } .shop { border : 1px red solid; margin : 0 15px 15px 15px; float : left; width : 550px; ..
WEB/HTML & CSS 2024. 7. 28. 15:53
Prev 1 Next