Javascript, HTML, CSS
웹페이지의 동작과정?
-웹페이지의 문서의 구조를 나타내는 HTML
-문서 각 요소들의 스타일을 나타내는 CSS
-정적인 문서의 구조와 스타일에 변화를 주거나 로직을 추가할 수 있는 JS
함께 동작한다.
브라우저의 변화는?
JS 코드를 실행 > HTML, CSS에 변화 > 브라우저에 해당 내용을 반영하여 렌더링> 사용자가 그 변화를 확인할 수 있게 된다.
-html 문서
<html> <head> <meta charset="utf=8"> <link rel="stylesheet" href="01.css"> </head> <body> this is a html page <p> 이 글씨는 css에 의해 꾸며집니다. </p> <script src="01.js"> </script> </body> </html>
-css 문서
<style> p { font-size: 2em; color: greenyellow; } </style>
-js문서
<script> var newContent = prompt("Js는 html 페이지를 변경할 수 있다"); document.body.innerText = newContent; </script>
다음과 같이 js코드가 실행되면서 html 문서가 변경될 수 있고
변경된 내용은 브라우저에 로드되는 것을 확인 할 수 있다.
js는 document, window와 같은 object를 통해 html과 css를 변경할 수 있는 인터페이스를 제공한다.
Author And Source
이 문제에 관하여(Javascript, HTML, CSS), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@minj9_6/Javascript-HTML-CSS저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)