-

, . .

HTML, CSS JavaScript

VS Code, Sublime Text Notepad++

Chrome, Firefox Safari

HTML, CSS JavaScript

, . .

HTML

HTML . HTML .

HTML :

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> </title>
</head>
<body>
<h1>!</h1>
<p> .</p>
</body>
</html>

<h1> </h1>
<p> ! .</p>
<button onclick="alert('!')"></button>

CSS

CSS . .
CSS :
```
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f0f0f0;
}
h1 {
    color: #333;
    text-align: center;
}
p {
    line-height: 1.6;
    color: #666;
}
```
CSS

body { font-family: Arial, sans-serif; margin: 20px; background-color: #f5f5f5; } h1 { color: #dc3545; text-align: center; } p { line-height: 1.6; color: #333; padding: 10px; background: white; border-radius: 5px; }

CSS

JavaScript . .

JavaScript:

document.getElementById('myButton').addEventListener('click', function() {
alert(' !');
});

. .
(: GitHub Pages, Netlify Vercel) .

. .

: React, Vue.js, Angular
CSS: Bootstrap, Tailwind CSS
: Webpack, Vite, Parcel
: Git

. .

HTML CSS . JavaScript .

HTML
CSS

. !

HTML

HTML :

CSS

CSS :

JavaScript:

관련 기사