How To Create A website
<html>
<head>
<body style="background-color:white">
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<!-- css dropdown menu -->
<style type="text/css">
.topNav {
text-align:center;
width: 100%;
background-color:#000;
}
.topNav ul {
margin: 0px;
padding: 0px;
list-style: none;
position:relative;
}
.topNav ul li a{
display:block;
padding:8px;
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:18px;
font:"Arial", Monaco, monospace;
width: 230px;
}
.topNav ul:after{
content: ""; clear:both;
display:block;
}
.topNav ul li {
float:left;
listy-style: none;
}
.topNav ul ul{
display:none;
}
.topNav ul li:hover > ul{
display:block;
}
.topNav ul li :hover {
background-color:#F90;
transition: 0.9s;
}
.topNav ul li :hover a{
color: white;
}
.topNav ul ul {
background-color: #000;
padding:0;
margin:0;
position:absolute; top:100%
}
.topNav ul ul li{
float:none;
position:relative;
}
.topNav ul ul li a{
padding:8px;
color:#FFF;
width:296px;
text-align:left;
font-weight:bold;
font-size:18px;
opacity: 0.9;
}
.topNav ul ul li a:hover {
background-color: #F90;
color:black;
transition: 0.9s;
}
</style>
<!-- dropdown menu -->
<td align="center">
<div class ="topNav">
<ul>
<li><a href="aboutus.php">About Us</a></li>
<li><a href="#menu.php">Menu</a>
<ul>
<li><a href="drinks.php">Drinks</a></li>
<li><a href="daily.php">Daily Specials</a></li>
<li><a href="desserts.php">Desserts</a></li>
<li><a href="Side.php">Side Orders</a></li>
</ul>
</li>
<li><a href="#services.php">Services</a>
<ul>
<li><a href="hall.php">Hall</a></li>
</ul>
</li>
<li><a href="location.php">Location</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td height="202" colspan="5" align="center" valign="top" bordercolor="#000000" bgcolor="#FFCC66">
<p><font size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong>Welcome to Burger Gemilang Jitra</strong></font></p>
</td>
</tr>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
.mySlides {display:none;}
</style>
<body>
<div class="w3-content w3-section" style="max-width:1250px">
<img class="mySlides" src="image/homepage1.jpg" width="1250" height="500">
<img class="mySlides" src="image/HAPPY-CHILDREN-photo.jpg" width="1250" height="500">
<img class="mySlides" src="image/burger.jpg" width="1250" height="500">
<img class="mySlides" src="image/breaded_chicken_chop.jpg" width="1250" height="500">
<img class="mySlides" src="image/fries.jpg" width="1250" height="500">
</div>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 4000); // Change image every 4 seconds
}
</script>
<!-- php database-->
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script>
</td>
</tr>
</table>
</table>
<font color="#FFFFFF"></font>
</body>
</html>
hai hello uolls semua..
so, kat atas tu yana share coding utk website bg seorang beginner. actually yana pun tgh try and error dgn coding tu hahahaah.. tapi takpe lah, kita belajar dari kesilapan bukan??
macam yang kita tahu, orang yang berjaya ni orang yang selalu gagal dan jatuh. so korang semua tak perlu takut dengan gagal. sebaiknya dengan kegagalan tu, korang cuba buat lebih baik tauu..
so ni saja.. jumpa lain kali okayy..
<head>
<body style="background-color:white">
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<!-- css dropdown menu -->
<style type="text/css">
.topNav {
text-align:center;
width: 100%;
background-color:#000;
}
.topNav ul {
margin: 0px;
padding: 0px;
list-style: none;
position:relative;
}
.topNav ul li a{
display:block;
padding:8px;
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:18px;
font:"Arial", Monaco, monospace;
width: 230px;
}
.topNav ul:after{
content: ""; clear:both;
display:block;
}
.topNav ul li {
float:left;
listy-style: none;
}
.topNav ul ul{
display:none;
}
.topNav ul li:hover > ul{
display:block;
}
.topNav ul li :hover {
background-color:#F90;
transition: 0.9s;
}
.topNav ul li :hover a{
color: white;
}
.topNav ul ul {
background-color: #000;
padding:0;
margin:0;
position:absolute; top:100%
}
.topNav ul ul li{
float:none;
position:relative;
}
.topNav ul ul li a{
padding:8px;
color:#FFF;
width:296px;
text-align:left;
font-weight:bold;
font-size:18px;
opacity: 0.9;
}
.topNav ul ul li a:hover {
background-color: #F90;
color:black;
transition: 0.9s;
}
</style>
<!-- dropdown menu -->
<td align="center">
<div class ="topNav">
<ul>
<li><a href="aboutus.php">About Us</a></li>
<li><a href="#menu.php">Menu</a>
<ul>
<li><a href="drinks.php">Drinks</a></li>
<li><a href="daily.php">Daily Specials</a></li>
<li><a href="desserts.php">Desserts</a></li>
<li><a href="Side.php">Side Orders</a></li>
</ul>
</li>
<li><a href="#services.php">Services</a>
<ul>
<li><a href="hall.php">Hall</a></li>
</ul>
</li>
<li><a href="location.php">Location</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td height="202" colspan="5" align="center" valign="top" bordercolor="#000000" bgcolor="#FFCC66">
<p><font size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong>Welcome to Burger Gemilang Jitra</strong></font></p>
</td>
</tr>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
.mySlides {display:none;}
</style>
<body>
<div class="w3-content w3-section" style="max-width:1250px">
<img class="mySlides" src="image/homepage1.jpg" width="1250" height="500">
<img class="mySlides" src="image/HAPPY-CHILDREN-photo.jpg" width="1250" height="500">
<img class="mySlides" src="image/burger.jpg" width="1250" height="500">
<img class="mySlides" src="image/breaded_chicken_chop.jpg" width="1250" height="500">
<img class="mySlides" src="image/fries.jpg" width="1250" height="500">
</div>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 4000); // Change image every 4 seconds
}
</script>
<!-- php database-->
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script>
</td>
</tr>
</table>
</table>
<font color="#FFFFFF"></font>
</body>
</html>
hai hello uolls semua..
so, kat atas tu yana share coding utk website bg seorang beginner. actually yana pun tgh try and error dgn coding tu hahahaah.. tapi takpe lah, kita belajar dari kesilapan bukan??
macam yang kita tahu, orang yang berjaya ni orang yang selalu gagal dan jatuh. so korang semua tak perlu takut dengan gagal. sebaiknya dengan kegagalan tu, korang cuba buat lebih baik tauu..
so ni saja.. jumpa lain kali okayy..
Comments
Post a Comment