<!DOCTYPE html>
<html lang="tr-TR" dir="LTR">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Radyo Canlı Yayın | ABC RADYO</title>
<meta name="description" content="Türkiye'nin en iyi flatcast web radyosu">
<meta name="keywords" content="Flatcast, radyo, flatcast web radyo, müzik, sohbet, eğlence.">
<meta property="og:site_name" content="radyo açıklaması" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://cdn.hebele.net/abc-radyo/images/logo.png" />
<meta property="twitter:image" content="https://cdn.hebele.net/abc-radyo/images/logo.png" />
<meta property="twitter:card" content="summary" />
<link rel="stylesheet" href="https://cdn.hebele.net/abc-radyo/css/bootstrap.css" />
<link rel="stylesheet" href="https://cdn.hebele.net/abc-radyo/css/style.css" />
<link rel="stylesheet" href="https://cdn.hebele.net/abc-radyo/css/slider.css" />
<link rel="stylesheet" href="https://cdn.hebele.net/abc-radyo/css/responsive.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
</head>
<body>
<header class="header">
<div class="header-top">
<div class="wrapper">
<div class="left">
<ul class="sosyal-medya">
<li class="facebook"><a href="https://www.facebook.com/" target="_blank" data-xf-init="tooltip" data-original-title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="twitter"><a href="https://twitter.com/" target="_blank" data-xf-init="tooltip" data-original-title="Twitter"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" class><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg></a></li>
<li class="instagram"><a href="https://www.instagram.com/" target="_blank" data-xf-init="tooltip" data-original-title="Instagram"><i class="fab fa-instagram"></i></a></li>
<li class="pinterest"><a href="https://www.pinterest.com/" target="_blank" data-xf-init="tooltip" data-original-title="Pinterest"><i class="fab fa-pinterest"></i></a></li>
</ul>
</div>
<div class="right">
<ul class="yonetici-menu">
<div id="zaman"></div>
<script>
function tarihSaat() {
var date = new Date().toLocaleString('tr-TR');
document.getElementById("zaman").innerHTML = date;
}
setInterval(tarihSaat, 1000);
</script>
</ul>
</div>
</div>
</div>
<nav class="navbar" id="navbar">
<div class="wrapper">
<div class="cont">
<a href="" class="nav-logo">
<img src="https://cdn.hebele.net/abc-radyo/images/logo.png" alt="logo" width="240">
</a>
<ul class="navs nav-right">
<li><a href="http://www.agame.com/game/bubble-shooter" target="_blank">Oyun Oyna</a></li>
<li><a href="http://www.gazeteoku.tv/" target="_blank">Gazete Oku</a></li>
<li><a href="https://www.hebele.net" target="_blank">Hebele Forum</a></li>
<li><a href="#" target="_blank">Link Ekle</a></li>
<li><a href="#" target="_blank">Link Ekle</a></li>
</ul>
<div class="mobilMenu">
<input type="checkbox" id="Mmenu">
<label for="Mmenu" class="Mmenu"><i class="fa fa-bars"></i></label>
<ul class="mNav">
<div style="background: #3c4352;padding: 0 10px;position: sticky;top: 0;">
<div style="display: inline-block;">Menü</div>
<div style="float: right;"><label for="Mmenu" class="Mmenu"><i class="fa fa-close"></i></label></div>
</div>
<li><a href="http://www.agame.com/game/bubble-shooter" target="_blank">Oyun Oyna</a></li>
<li><a href="http://www.gazeteoku.tv/" target="_blank">Gazete Oku</a></li>
<li><a href="https://www.hebele.net" target="_blank">Hebele Forum</a></li>
<li><a href="#" target="_blank">Link Ekle</a></li>
<li><a href="#" target="_blank">Link Ekle</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<div class="wrapper">
<section class="section swiper-container swiper-slider swiper-slider-1" data-loop="true" data-autoplay="3892" data-simulate-touch="false">
<div class="swiper-wrapper text-center">
<div class="swiper-slide context-dark" data-slide-bg="https://cdn.hebele.net/abc-radyo/images/slide-1.jpg">
<div class="overlay"></div>
<div class="swiper-slide-caption section-md">
<div class="container">
<div class="col-lg-8">
<h5 data-caption-animate="fadeInUp" data-caption-delay="100">Birbirinden değerli dj ekimiz keyifli dinlemeler diler!</h5>
<h1 data-caption-animate="fadeInUp" data-caption-delay="200">XxxFm</h1>
</div>
</div>
</div>
</div>
<div class="swiper-slide context-dark" data-slide-bg="https://cdn.hebele.net/abc-radyo/images/slide-2.jpg">
<div class="overlay"></div>
<div class="swiper-slide-caption section-md">
<div class="container">
<div class="col-lg-8">
<h5 data-caption-animate="fadeInUp" data-caption-delay="100">En iyi müziği biz çalarız</h5>
<h1 data-caption-animate="fadeInUp" data-caption-delay="200">XxxFm</h1>
</div>
</div>
</div>
</div>
<div class="swiper-slide context-dark" data-slide-bg="https://cdn.hebele.net/abc-radyo/images/slide-3.jpg">
<div class="overlay"></div>
<div class="swiper-slide-caption section-md">
<div class="container">
<div class="col-lg-8">
<h5 data-caption-animate="fadeInUp" data-caption-delay="100">En iyi müziği biz çalarız</h5>
<h1 data-caption-animate="fadeInUp" data-caption-delay="200">XxxFm</h1>
</div>
</div>
</div>
</div>
</div>
<!--Swiper Pagination-->
<div class="swiper-pagination"></div>
</section>
</div>
<div class="wrapper">
<div class="radyo-takim">
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="horizontal" scrollamount="6" scrolldelay="60" loop="99999">
<font>Radyo Kurucu: </font>
<font color="#ff0000">xxx</font> |
<font>Sorumluları: </font>
<font color="#00f7ff">xxx</font> ~
<font color="#ff0088">xxx</font> |
<font>ve Ekibi: </font>
<font color="#fffb00">xxx</font> ~
<font color="#6e66ff">xxx</font> ~
<font color="#ff7b00">xxx</font> ~
<font>Harika müzikler eşliğinde keyifli dinlemeler hoş sohbetler dileriz.</font>
</marquee>
</div>
</div>
<div id="radyo-icerik">
<div class="wrapper">
<div class="blok url">
<!-- Duyuru 1 -->
<a href="istek panel linki" target="_blank">
<div class="duyuru-icerik">
<div class="duyuru-ikon icerik_1">
<i class="fa-solid fa-plus"></i>
</div>
<p>İstek Hattı</p>
<p>Müzik isterlerini panelimizden yapabilirsiniz.</p>
</div>
</a>
<!-- Duyuru 2 -->
<a href="facebook grup linki" target="_blank">
<div class="duyuru-icerik">
<div class="duyuru-ikon icerik_2">
<i class="fa-regular fa-bell"></i>
</div>
<p>Facebook Grubumuz</p>
<p>Facebook Grubumuza Katılabilirsiniz.</p>
</div>
</a>
</div>
<h3 class="baslik" style="padding: 15px 0;"><span>Radyo Canlı Yayın</span></h3>
<!-- CASTER FM ALANI -->
<div data-type="newStreamPlayer" data-publicToken="18641c7e-d59b-45f3-9435-31ca4bce7854" data-theme="dark" data-color="e81e4d" data-channelId="9da2b791-3d6e-49a7-8b58-b651f9e12aff" data-rendered="false" class="cstrEmbed"><a href="https://www.caster.fm">Shoutcast Hosting</a> <a href="https://www.caster.fm">Stream Hosting</a> <a href="https://www.caster.fm">Radio Server Hosting</a></div><script src="//cdn.cloud.caster.fm//widgets/embed.js"></script>
<!-- CASTER FM ALANI BİTİŞ -->
<!-- CHAT ALANI -->
<iframe src='https://chameleon.chattersnet.nl/chat/8746' allow='camera;microphone' width='100%' height='600' framespacing='0' frameborder='no' scrolling='no' ></iframe>
<!-- CHAT ALANI BİTİŞ -->
</div>
<div class="bitis"></div>
</div>
<div class="wrapper">
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'kurallar')" id="defaultOpen">Radyo Kuralları</button>
<button class="tablinks" onclick="openCity(event, 'yayinSaatleri')">Yayın Saatleri</button>
<button class="tablinks" onclick="openCity(event, 'oyunOyna')">Oyun Oyna</button>
</div>
<!-- Tab content -->
<div id="kurallar" class="tabcontent">
<h3 class="baslik" style="padding: 15px 0;"><span>Radyo Kuralları</span></h3>
<div style="padding: 10px 0;">
<ul>
<p>Radyomuz dostluk, kardeşlik, sevgi ve arkadaşlığın ön planda tutulduğu bir mekandır. Maksat müzik dinlemek, eğlenmek, hoş sohbet etmektir, Bunun dışında bir amaç taşıyan kişiler aramızda yer alamaz. Netteki diğer sanal Chat yerlerine benzemeyen, nezih bir ortama sahip radyomuzun bu imajına zarar vermek yasaktır.</p>
<p>Radyomuzda gayri ahlaki davranışlar sergilemek kesinlikle yasaktır. Her türlü çağdaş dışı medeniyetsizlik davranışlar kesinlikle yasaktır. Küfür, Argo, "lan" "len" sözleri, Hakaret içeren Alaycı veya aşağılayıcı konuşmalar kesinlikle yasaktır ahlak kurallarımızı çiğneyenler kim olduğuna bakılmaksızın anında uzaklaştırılır.</p>
<p>Radyomuzda genel sohbeti rahatsız edecek şekilde dinleyicilere veya dj'lere yöneltilen ithamlar yasaktır. Dinleyicilerimize veya dj'lerimize aşağılayıcı, küçük düşürücü ifadeler sarf etmek yasaktır.</p>
<p>Gast Ve Guest Nickleriyle Icerde 10 dakikadan fazla isim almadan kalmak yasaktır.. Guest'ler ve gast'lar daima kapalı kalacaklardır. Nicki şifresiz ve onaysız olan kişilerin diğer Guestlerden farkları yoktur dolayısıyla daima kapalı kalacaklardır.</p>
<p>Radyomuza gelen dinleyicilerimizin radyo sayfasında giriş yapıp Türk aile toplum yapısına uygun isim almaları mecburidir.</p>
<p>Kullandığınız rengin sizden daha önce gelmiş bir başkası tarafından veya dj tarafından kullanılmıyor olması gerekiyor.</p>
<p>Radyomuzun sohbet de yazışma dili Türkçe'dir, harici diller yasaktır. Lütfen dikkat edelim. Lakin bir istina: FLATCAST sistemi Türkçe karakter desteği içermediği için yazılarınızın okunaksız olmasının önüne geçmek için lütfen Türkçe karakterler olan "ş, ğ, ı" harflerini kullanmayınız. Diğer özel karakterler olan "ç, ü ve ö" yü kullanabilirsiniz.</p>
<p>Radyo Nickleriyle girmek reklam sayildigindan yasaktir. (DJ )sunucu Nickleriyle Girmek sunum yapan arkadasa saygisizliktir! FM Nickleriyle Girmek yasaktır.</p>
<p>Büyük harfle yazı yazmak yüksek sesle karşındakıne bağırmak anlamına geldıği anlaşıldığı için yasaktır.</p>
<p>Uyarılara rağmen bu kurallara uymayan kişiler için gereken ne ise yapılacaktır gerekırse uzaklaştırılacaktır.</p>
<p>Bu basit medeni ve aile çerçevesi kurallarımıza saygı gösterirseniz başımızın üstünde yeriniz olur lakin çiğnerseniz banlanırsınız. Bu medeni kurallarımıza uymayanları lütfen yetkili adminlere bildiriniz.</p>
</ul>
</div>
</div>
<div id="yayinSaatleri" class="tabcontent">
<h3 class="baslik" style="padding: 15px 0;"><span>Yayın Saatleri</span></h3>
<style type="text/css">
<!--
.style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: #ff0000;
}
.style3 {
color: #ff0000;
font-weight: bold;
}
table.djlist th, table.djlist td, {
padding: 10px;
}
-->
</style>
<table class="djlist" width="100%" border="1" bordercolor="#494c62" style="text-align: center;">
<tr>
<th><font color= "#ffffff">SAATLER</font></th>
<th><font color= "#ffffff">PAZARTESİ</font></th>
<th><font color= "#ffffff">SALI</font></th>
<th><font color= "#ffffff">ÇARŞAMBA</font></th>
<th><font color= "#ffffff">PERŞEMBE</font></th>
<th><font color= "#ffffff">CUMA</font></th>
<th><font color= "#ffffff">CUMARTESİ</font></th>
<th><font color= "#ffffff">PAZAR</font></th>
</tr>
<!--Liste 1-->
<tr>
<th scope="row"><font color= "#ffffff">08:00 - 10:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 2-->
<tr>
<th scope="row"><font color= "#ffffff">10:00 - 12:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 3-->
<tr>
<th scope="row"><font color= "#ffffff">12:00 - 14:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 4-->
<tr>
<th scope="row"><font color= "#ffffff">14:00 - 16:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 5-->
<tr>
<th scope="row"><font color= "#ffffff">16:00 - 18:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 6-->
<tr>
<th scope="row"><font color= "#ffffff">18:00 - 20:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 7-->
<tr>
<th scope="row"><font color= "#ffffff">20:00 - 22:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 8-->
<tr>
<th scope="row"><font color= "#ffffff">22:00 - 24:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 9-->
<tr>
<th scope="row"><font color= "#ffffff">24:00 - 02:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 10-->
<tr>
<th scope="row"><font color= "#ffffff">02:00 - 04:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 11-->
<tr>
<th scope="row"><font color= "#ffffff">04:00 - 06:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 12-->
<tr>
<th scope="row"><font color= "#ffffff">06:00 - 08:00</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
<!--Liste 13-->
<tr>
<th scope="row"><font color= "#ffffff">JoKER DJLER</font></th>
<td><font color= "#ffaa56">xXxXx</font></td>
<td><font color= "#00ff00">xXxXx</font></td>
<td><font color= "#00ffff">xXxXx</font></td>
<td><font color= "#007f7f">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#007fff">xXxXx</font></td>
<td><font color= "#b2b2b2">xXxXx</font></td>
</tr>
</table>
</div>
<div id="oyunOyna" class="tabcontent">
<h3 class="baslik" style="padding: 15px 0;"><span>Oyun Oyna</span></h3>
<div style="padding: 10px 0;">
<iframe id="oyun" title="oyun" src="https://html5.gamedistribution.com/27673bc45d2e4b27b7cd24e422f7c257/" width="100%" height="600" allow="autoplay" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="wave">
<div class="divider-shape">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none" class="shape-waves">
<path class="shape-fill shape-fill-1" d="M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3c-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3c0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z"></path>
</svg>
</div>
</div>
<footer class="footer">
<div class="top">
<div class="wrapper">
<div class="footer-content">
<div class="row">
<div>
<strong class="head">
<i class="fa fa-info-circle"></i> Hakkımızda</strong>
<ul>
<li>Radyomuz gg/aa/yyyy tarihinde yayın hayatına başlamış olup, amacımız siz radyo severlere güzel müzikler eşliğinde güzel bir ortam yaratmaktır. Tüm Misafirlerimize keyifli dinlemeler hoş sohbetler dileriz.</li>
</ul>
</div>
<div>
<strong class="head">
<i class="fa fa-sitemap"></i> Linkler</strong>
<ul>
<li><a href="#" target="_blank">Link 1</a></li>
<li><a href="#" target="_blank">Link 2</a></li>
<li><a href="#" target="_blank">Link 3</a></li>
<li><a href="#" target="_blank">Link 4</a></li>
</ul>
</div>
<div>
<strong class="head">
<i class="fa fa-square-check"></i> Faydalı Linkler</strong>
<ul>
<li><a href="https://www.hebele.net" target="_blank">HeBeLe FoRuM</a></li>
<li><a href="#" target="_blank">Link 2</a></li>
<li><a href="#" target="_blank">Link 3</a></li>
<li><a href="#" target="_blank">Link 4</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="copyright">
<div class="wrapper">
<div class="copyright-left">
Copyright © 2025 <a href="https://www.hebele.net" target="_blank">Adanalı</a>
</div>
<div class="copyright-right">
Tüm hakları Radyo xXx FM'e aittir.
</div>
</div>
</div>
</div>
</footer>
<img class="page-top-back" src="https://cdn.hebele.net/abc-radyo/images/header-top-back.png" alt>
<div class="ap-kutu-daire">
<span></span>
<span></span>
</div>
<div class="ap-kutu-radius">
<span></span>
<span></span>
</div>
<script src="https://cdn.hebele.net/abc-radyo/js/jquery-3.5.1.min.js"></script>
<script src="https://cdn.hebele.net/abc-radyo/js/core.min.js"></script>
<script src="https://cdn.hebele.net/abc-radyo/js/script.js"></script>
<script type="text/javascript">
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
<script type="text/javascript">
document.getElementById("defaultOpen").click();
</script>
</body>
</html>