📆 2022-3-23
링크텍스트> github adress
3일간 html,css,javascript로 만든 간단한 소스
깃허브에서 무료로 호스팅을 해준다.(업로드 시간은 5분정도 소요)
html(Hypertext Markup Language)
HTML은 제공할 웹 컨텐츠의 구조와 의미를 문단, 제목, 표, 삽입 이미지, 동영상 등으로 정의하고 부여하는 마크업 언어.
⨀대소문자 구분 x
CSS는 배경색, 폰트 등의 레이아웃등을 지정하여 HTML 컨텐츠를 꾸며주는 스타일 규칙 언어.
JavaScript는 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 그리고 꽤나 많은 다른 일(물론, 전부는 아니지만 몇 줄만의 자바스크립트 코드로 얻는 결과는 놀라울겁니다.)들을 할 수 있는 스크립트 언어.
HTML = 뼈대, CSS = 디자인, JavaScript= 움직임을 준다
<input type="button" value="nightmode" onclick="
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'white';";>
<input type="button" value="lightmode" onclick="
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';";>
<input type="button" value="first" onclick="
document.querySelector('body').style.backgroundColor = 'rgb(161, 217, 255)';
document.querySelector('body').style.color = 'black';";>
웹페이지에 다크모드, 라이트모드,기본모드를 설정 할 수 있는 기능 (JS)
css작성중 태그를 닫지 않아 비주얼 스튜디오에 제대로 표시가 되지않는 상황이 일어났다. 30분 정도 헤메서 태그가 닫혀있지 않은 것을 확인했다.
코드를 하나하나 다 삭제했다 다시 기입하는 방식으로 문제구간을 찾았다. 앞으로는 태그 열자마자 닫기!!!