?? ? ?? ??? ??? ??? ?? ???? ??? ?? ??? ???? ????. ?? ???? ??? ?????. 1. ????, ??, ?? ? ??? ??? ??? ??? HTML ?? ??; 2. CSS ???? ???? ??? ?? ??? ?? ? ?? ???? ???? ??? ??? ??? ??? ??? ??? ?????. 3. JS? ???? ?? ?? ? ??? ??? ??? ?????. ????? : ????? ??? html.nav-links? ???? .hamburger ??? ????? ??? ????. ??? CSS? ???? ??? ????? ???? ??? ??? ??? ?????. JS? ???? ?? ??? ???? ?? .active ???? ???? ?? ?? ? ??? ?????.
?? ? ?? ??? ??? ??? ??? ?? ??? ??? ???? ?? ????. ??? HTML ?? CSS ??? ?????. ?? JS ?? ??????.
1. ?? ?? : HTML ??? ???? ??
?? ????, ?? (?? ??), ?? ? ??? ??? ??? ?? ??? ??????.
<nav class = "navbar">
<div class = "??"> mysite </div>
<ul class = "nav-links">
<li> <a href = "#"> home </a> </li>
<li> <a href = "#"> ?? </a> </li>
<li> <a href = "#"> contact </a> </li>
</ul>
<?? ??? = "???"id = "???">
?
</??>
</nav>? ?? ?? ??? ??? ????.
-
.nav-links????? ???? ????? ????? -
.hamburger??? ????? ??? ??? ??? ????? ?????. -
id="hamburger"??? ?? ???? ???? ?? JS? ??? ???????.
2. ??? ??? : CSS? ????? ? ??? ??
??? ??? ???? ???? ??????. ????? 768px ?? 600px? ?????.
.nav-links {
????? : Flex;
? : 1rem;
}
.Hamburger {
????? : ??;
}
@Media (max-width : 768px) {
.nav-links {
?? : ??;
?? : 100%;
?? : 0;
??? : 0;
?? : ??;
??? ?? : ?;
?? : 1rem;
????? : ??;
}
.nav-links.active {
????? : Flex;
}
.Hamburger {
????? : ??;
}
}?? ??? ??? ????.
- ??? ??? ????? ???? ??? ?? ?? ???? ?????.
- ??? ????? ??? ??? ?? ???? ?????? ?????.
-
position: absolute
3. ????? ?????? : JS? ?? ??? ?????
??? JS ?? ??? ?? ?? ?? :
document.getElementById ( '???'). addeventListener ( 'click', function () {
document.querySelector ( '. nav-links'). classList.toggle ( 'active');
});? ????? ?? ?????.
- ?? ?? ???? ??????
- ??? ????? ????
.active???? ?????.
JS? ???? ???? ??? CSS (? : Checkbox)? ?? ? ? ??? ??? ???? ???? JS? ???? ?? ????.
????? ?? ??. ??? ??, ?? ??? ??? ? ??? ?? ??? ?? ???? ?? ? ????? ?? ?? ? ????. ??? ?? ??, ?? ?? ? ?? ? ??? ??? ????? ?? ?? ????.
? ??? HTML? ???? ??? ??? ?? ? ????? ?? ??? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
HTML?? ??, ?? ? ???? ??? ?? ??
Jul 05, 2025 am 02:03 AM
HTML?? ??? ??? ????? ???? ??? ?? ???, ??? ? SEO ??? ?? ? ? ????. 1. ??? ????? ??? ?? ??? ? ??? ??? ????? ?? ????????. 2. ????? ??? ???? ?? ?? ???? ???? ???? ?? ??? ?????. 3. ? ???? ??? ?? ??? ????? ??? ? ?? ?? ?? ?? ????? ?? ??? ????. ?? ???? ??? ??????? ?? ??? ??? ??? ???? ???? ??? ??? ?? ??? ???? ???????.
? ???? ???? ? ???? HTML ??? ??????
Jul 03, 2025 am 02:34 AM
? ??? ??? Core HTML ???? ???????. 1. ???? ?? ??? ?? ??? ???? ??? ???? ?? ?? ? ?? ??? ?????. 2. ??? ??? ?? ?? ? SEO? ???? ?? ?? (-), ?? () ? ?? ?? (? :)? ?????. 3. ?????? ???? ????, ????? ???? ??? ???? ????? ?? Aria-Current ??? ???? ?????. 4. ?? ?? ???? ?? ??? ?? ? ?? ??? ?????. ??? ??? ???? ???? ??? ???, ?? ?? ? ?? ?? ???? ?? ? ? ????.
HTML ?? ??? ???? ?? ??? ?? ??
Jul 07, 2025 am 02:31 AM
HTML ?? ??? ???? ?? ??? ??? ???? ?? ?? ?? ? ???? ?? ??? ????????. 1. ????? ??? ??? ????? ?? ? ?? ?? (? : ??, ??, ???)? ?? ??? ?????. 2. JavaScript? ?? ?? ? ??? ???? ID? ?? ??? ?? ??? ??? ???? ?? ? ????. 3. CSS? ???? ???, ???, ?? ??? ? ??/?? ?? ??? ???? ???? ??? ???? ??? ??? ??????. 4. ???? ????????? : ???? ? ??? ????? ??? ???? JS ???? ???? ????? ???? ??? ???? ??? ??? ??? ???? ??? ?????. ??? ???????
HTML?? ?? ?? ??? ??????
Jul 02, 2025 pm 02:55 PM
?? ?? ??? ???? ???? ?? ?? ??? ?? ??? ???? ?? HTML? ?????. ???? ?? ??? ????. : ?? ??; ② ?? ??? ??????. ③ ???? ????. ④ ?? ?? ??; ⑤ ?? ???? ?????. metadata? ?????. ? ??? OR? ?? ??? ?? ?????. XHTML ???? ?? ?? HTML ????? HTML5? ??? ?????. ??? ???? ??? ????? ?? ?? ? ??? ??? ? ????. ??? ???? ???? ?? Hello? ???????. ?? ?? ??? ???? ???? ??? ???? ????? ???? ??? ??? ?? ?? ???? ???? ??????.
HTML? ???? ?? ?? ?? ??? ??? ????? ??? ??????
Jul 04, 2025 am 03:16 AM
?? ?? ???? HTML?? ??? ?? ???? ??????. ???? ??? ?? ??? ???? ??? ?? ??? ??? ?? ?? ??? ???? ????. 1. ??, ???, ??? ?? ?? ??? ???? ????. 2. ??, ???? ?? ?? ??? ???? ????. 3. ?? ?? ???? ?? ? ??? ???? ?? ?????. ?? ??? ??? ?????. ? ?? ??? ??? ??? ?? ???? ? ? ????. style ???? ???? ??? CSS ?? ?? ?????? ?? ???????. Select2? ?? ????? ??? ????? ? ??? ? ????.
HTML ??? ? ??? ??? ?? ? ??? ?????.
Jul 02, 2025 pm 04:05 PM
?? ? ??? ????? ??? ?? ???? ? ???? ?? ???? HTML ?? ??? ?? ?? ? ? ????. 1. ??? ???? ?? ??? webvtt ???? ???? ??, srclang ? ??? ??? ??????. 2. ?? ??? ?? ?? ?? ??? ???? ?? ??? ???? ?? ??? ??????. 3. ?? ??? JavaScript? ?? ?? ?? ??? ??????? ??? ??? ?? ???? ??? ? ????. 4. ?? ???? ???? ??? ???? ?? ???? ???? ?? ???? ???, ?? ?? ? ?? ?????????.
???? HTML ??? ?? ?? ???.
Jul 03, 2025 am 02:41 AM
HTML ?? ??? ???? ?? ??? ????? ??? ?? ???????. 1. ??? ??? ???? SRC? ALT ? IMG? HREF? ???????. 2. ?? ??? ???? ?? ??, ??? ??????? ?? ?? ?? ??? ??? ??? ?? ??? ???? ??????. 3. ???? ??? ?? ? ??? ???? ?? MDN ??? ???? ?? ? ??? CSS? ???? ?? ?? ???? ?? ???? ???????. 4. ?? ??? ??? ????? ? Metacharset = "UTF-8"? ???? ??? UTF-8 ???? ???? ??????.
