? ???? HTML, CSS ? JavaScript? ??? ??? ????. 1. HTML? ? ??? ??? ???? ? ?????. 2. CSS? ? ???? ??? ?????? ? ?????. 3. JavaScript? ?? ?? ??? ???? ? ?????. ??, ??? ? ????? ??? ? ??? ?? ?? ? ???? ?? ??? ?????.
??
?? ? ???? HTML, CSS ? JavaScript? 3 ?? ??????, ??? ?? ?? ? ???? ?? ?????. ?? ???? ??? ???? ???? ????? ? ?????? ? ??? ?? ?? ????? ?? ??? ????. ? ??? ??? HTML? ???? ? ??? ???? CSS? ?????? JavaScript? ?? ?? ?? ??? ?????? ??? ????.
?? ?? ??
HTML (HyperText Markup ??)? ? ???? ??? ??? ???? ? ???? ?????. CSS (??? ??? ??)? ? ???? ??? ????? ???? ? ???? ???? ????. JavaScript? ? ???? ???? ? ???? ????? ????? ????. ? ? ?? ??? ??? ???? ?? ??? ??? ?? ?????? ?????.
?? ?? ?? ?? ??
HTML : ? ??? ??? ??
HTML? ??? ??? ?? ? ???? ??? ?????. ?? ??, <div> ??? ???? ? ???? ?? ??? ?? ? ??? <code><p></p> ??? ??? ???? <img alt="HTML, CSS ? JavaScript : ?? ? ?? ?? ????" > ??? ???? ???? ? ?????. HTML? ???? ??? ?? ???? ?? ????.
<! doctype html>
<html lang = "en">
<??>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0">
<title> ? ?? ? ??? </title>
</head>
<body>
<H1> ? ? ???? ?? ?? ????? </h1>
<p> ??? ?????. </p>
<img src = "example.jpg"alt = "?? ???">
</body>
</html> CSS : ? ???? ???? ?????
CSS? ??? ? ??? ?? ? ???? ???? ?????. ?? ??, color ??? ???? ??? ??? ? ??? background-color ???? ??? ? ????. CSS? ???? HTML ??? ????? ???? ???? ???? ???? ?? ???? ??? ????.
? {
Font-Family : Arial, Sans-Serif;
??? : #f0f0f0;
}
H1 {
?? : #333;
}
p {
?? : #666;
} JavaScript : ?? ?? ??? ?????
JavaScript? ? ???? ???? ??? ??? ??? ???? ? ???? ??? ? ???? ??? ? ????. ?? ?? ??? ???? ?? ?? ????? ??? ??? ???? ??? ? ????.
document.getElementById ( 'myButton'). addEventListener ( 'click', function () {
?? ( '?? ??!');
});
document.getElementById ( 'myparagraph'). style.color = 'red'; ??? ?
HTML? ?? ??
HTML? ?? ??? ??? ?? ? ???? ??? ???? ????. ??? ?? ?? ??? ????.
<??>
<label for = "name"> ?? : </label>
<?? ?? = "text"id = "name"name = "name"> <br> <br>
<label for = "???"> ??? : </label>
<?? ?? = "???"id = "???"?? = "???"> <br> <br>
<?? ?? = "??"? = "??">
</form> ?? CSS ??
CSS? ?? ???? Flexbox ?? ???? ???? ??? ????? ???? ?? ?????. ?? ?? Flexbox? ???? ?? ? ????? ?? ?? ?? ??? ? ????.
.nav {
????? : Flex;
??? ??? : ?? ??;
?? : 10px;
??? : #333;
}
.nav a {
?? : ??;
??? ?? : ??;
?? : 14px 20px;
}
.nav a : ?? {
??? : #ddd;
?? : ?? ?;
} ?? JavaScript ??
JavaScript? ?? ???? ??? ?? ? DOM ?? ??? ?????. ?? ?? fetch API? ???? ???? ?? ?? ? ??? ???? ???? ????????.
fetch ( 'https://api.example.com/data')
.Then (?? => response.json ())
. ??? (data => {
const list = document.getElementById ( 'datalist');
data.foreach (item => {
const li = document.createelement ( 'li');
li.textContent = item.name;
List.AppendChild (li);
});
})
.catch (error => console.error ( 'error :', error)); ???? ?? ? ??? ?
???? ?? HTML, CSS ? JavaScript? ??? ?? TAG Undrosed, CSS ??? ??, JavaScript ?? ?? ?? ?????. ??? ??? ??? ? ? ????? ??? ??? ???? ?? ?? ? ?? ??? ? ? ????.
?? ?? JavaScript ??? ??????? ???? ?? ?? ???? ? ? ????.
Console.log ( '??? ??? ??????');
console.error ( '??? ?? ??????');
?? ??? ? ?? ??
?? ????????? HTML, CSS ? JavaScript ??? ????? ?? ?? ?????. ? ?? ??? ??? ??? ????.
- HTML ??? : ??? ??? ???? ??? ????? SEO? ??????.
- CSS ??? : ?? ?? ???? ???? ?? SASS? ?? CSS ? ???? ???? ??? ?? ?? ???? ??????.
- JavaScript ??? : ?????? ???? DOM ??? ??? ??? ???? ???? ??? ??????.
?? ?? JavaScript ??? ????? ??? ???? ???? ??? ??? ?? ?? ? ????.
document.getElementById ( 'mylist'). addeventListener ( 'click', function (e) {
if (e.target && e.target.nodename === 'li') {
console.log ( '?? ?? ?? :', e.target.textContent);
}
}); ??? ??? ? ??? ?? ? ?? ?? ?? ???? ???? ?? ?? ?????. ???? ?? ??? ???? ?? ??? ???? ?? ??? ??? ???? ?? ?? ?? ?????.
? ??? ?? HTML, CSS ? JavaScript? ? ?? ???? ?? ????? ??? ??? ???? ??? ????????. ??? ??? ??? ??? ?? ??? ??? ?? ? ?? ? ??? ? ??? ????.
? ??? HTML, CSS ? JavaScript : ?? ? ?? ?? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
![](\"example.jpg\"alt)
\n<\/body>\n<\/html><\/pre>