Css + html kullanarak şekildeki gibi basit 3 linkli bir site oluşturun. Linklere tıklandığında içerik kutusunda o linke ait bir içerik görüntüleyen kodu yazın.
Kod:
[COLOR=#CC00CC]#kapsay[/COLOR][COLOR=#222222]ıcı [/COLOR][COLOR=#00AA00]{[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]width[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]999px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]margin[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]auto[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#00AA00]}[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#CC00CC]#ust[/COLOR][COLOR=#222222] [/COLOR][COLOR=#00AA00]{[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]height[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]100px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]width[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]900px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]border-radius[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]10px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]margin[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]15px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]background-color[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]red[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#00AA00]}[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#CC00CC]#alt[/COLOR][COLOR=#222222] [/COLOR][COLOR=#00AA00]{[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]height[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]500px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]width[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]900px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]border-radius[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]10px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]margin[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]15px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]background-color[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#000000]aqua[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#00AA00]}[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#6666FF].menu[/COLOR][COLOR=#222222] [/COLOR][COLOR=#00AA00]{[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]list-style-type[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]none[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]margin[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]30px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]padding[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]5px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#00AA00]}[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#6666FF].menu[/COLOR][COLOR=#222222] li [/COLOR][COLOR=#00AA00]{[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]display[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]inline[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#00AA00]}[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#6666FF].menu[/COLOR][COLOR=#222222] a [/COLOR][COLOR=#00AA00]{[/COLOR]
[COLOR=#222222] text-decoretion[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]none[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]padding[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]3px[/COLOR][COLOR=#222222] [/COLOR][COLOR=#993333]20px[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]color[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]white[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]background-color[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#000000]black[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#00AA00]}[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#6666FF].menu[/COLOR][COLOR=#222222] a[/COLOR][COLOR=#3333FF]:hover [/COLOR][COLOR=#00AA00]{[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]color[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#CC00CC]#ffffff[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#000000]background-color[/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#CC00CC]#2586D7[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#222222] [/COLOR][COLOR=#00AA00]}[/COLOR]