HTML CSS ilə Popup da yaratmaq mümkündür. Hətta istənilən növ.
Css kodları işləməsi üçün style teqlərinin içinə yazın.
[code]
.pencere1 {width: 200px; height: 50px; border-bottom: 5px solid black; border-right: 5px solid black; font-weight: bold; font-size: 25px; line-height: 47px; font-family: arial;}
.pencere1-div {background: white; width: 200px; height: 50px;}
.pencere1-div:hover {background: black; width: 200px; height: 50px; cursor: pointer; color: white;}
.pencere1-div2 {display: none;}
.pencere1-div:hover .pencere1-div2 {display: block; position: absolute; color: black; padding: 10px; text-align: left;}
.pencere2 {width: 200px; height: 50px; border-bottom: 5px solid black; border-right: 5px solid black; font-weight: bold; font-size: 25px; line-height: 47px; font-family: arial;}
.pencere2-div {background: white; width: 200px; height: 50px;}
.pencere2-div:hover {background: black; width: 200px; height: 50px; cursor: pointer; color: white;}
.pencere2-div2 {display: none;}
.pencere2-div:hover .pencere2-div2 {display: block; position: absolute; color: black; padding: 10px; text-align: left; left: 13px;}
.pencere3 {width: 200px; height: 50px; border-bottom: 5px solid black; font-weight: bold; font-size: 25px; line-height: 47px; font-family: arial;}
.pencere3-div {background: white; width: 200px; height: 50px;}
.pencere3-div:hover {background: black; width: 200px; height: 50px; cursor: pointer; color: white;}
.pencere3-div3 {display: none;}
.pencere3-div:hover .pencere3-div3 {display: block; position: absolute; color: black; padding: 10px; text-align: left; left: 13px;}
<table style="width: 600px;border: 5px solid black" cellpadding="0" cellspacing="0">
<tr>
<td class="pencere1" align="center">
<div class="pencere1-div">Pəncərə 1
<div class="pencere1-div2">P-1, Təcrübə müəllimlərin ən yaxşısıdır.</div>
</div>
</td>
<td class="pencere2" align="center">
<div class="pencere2-div">Pəncərə 2
<div class="pencere2-div2">P-2, Bildiklərin bilmədiklərinin
yanında heç dərəcəsindədir.</div>
</div>
</td>
<td class="pencere3" align="center">
<div class="pencere3-div">Pəncərə 3
<div class="pencere3-div3">P-3,Oxumaq lazımdır</div>
</div>
</td>
</tr>
<tr>
<td style="width: 200px;height: 200px;background: white" colspan="3">
</td>
</tr>
</table>[/code]
Salam,
Bu mümkündür.
Sırf sizin dizayn ilə istədiyinizi yazdım.
Web proqramlaşdırma HTML-dən ibarət deyil, javascriptdən qaçmaqla heç nə əldə etmək olmaz. Bu işlər javascript ilə olur. HTML-də belə bir komponent mövcud deyil.
Bu işlər html-css-javascript ilə reallaşır. Hər üçünü bilmədən və ya öyrənməkdən qaçmaqla ümumiyyətlə bu işlə məşğul olmağa dəyməz.
Bootstrap framework-də məsələn bu dediyiniz sadə bir komponentdir, copy paste edirsiz vəssalam. Yəni özünüz javascript yazmırsız, bootstrap-da bu hazır yazılıb.
http://getbootstrap.com/javascript/#tabs