WEB
[HTML/CSS/JavaScript] 기본
yo~og
2021. 10. 6. 18:03
hello.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hello 페이지 입니다</title>
</head>
<body>
<h1>나의 첫번째 웹페이지</h1>
</body>
</html>!를 적고 tab을 누르면 기본으로 만들어진다. 이 양식으로 개발하면 된다.
hello2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>웹페이지</title>
<style>
h1{
color:green;
background-color: yellow;
}
</style>
<script>
alert("안녕하세요");
</script>
</head>
<body>
<h1>나의 두번째 웹페이지</h1>
</body>
</html>html, css, javascript를 사용할 수 있다.
HTML - 웹 브라우저에서 문서 및 웹페이지가 표시되는 방법을 규정하는 언어. 어떠한 웹사이트에서든 블록을 구성하는데 사용되는 언어이기도 하다. HTML을 이용하면 웹 사이트의 구조를 만들 수 있다.
CSS - HTML로 만들어진 문서의 스타일을 지정하는 방식을 규정하는 스타일 시트 언어이다.
JavaScript - 웹사이트가 로딩된 이후에 HTML과 CSS 구성요소들을 변경할 수 있게 해주며, 이를 통해서 웹 사이트를 interactive하게 만들고 사용자의 참여율도 높일 수 있다.
CSS는 <style>, JavaScript는 <script>를 사용한다.