Gudang HTML

Tabel
<table border="1" cellpadding="10">
        <tr>
            <td bgcolor="yellow">Baris 1 kolom 1</td>
            <td>baris 1 kolom 2</td>
        </tr>
        <tr bgcolor="#00ff80">
            <td>Baris 2 kolom 1</td>
            <td>baris 2 kolom 2</td>
        </tr>
    </table>
Menampilkan Gambar
<img src="http://url gambar anda"</a> 

Mengubah Ukuran Gambar
<img src="http://url-gambar" width="100" height="100">

Memasukan Video

<!DOCTYPE html>

<html>

<head>
<title> Cara Memasukkan Playlist Lagu Pada Dokumen HTML </title>
</head>

<body>
<video width="320" height="240" controls autoplay>
  <source src="judul video.mp4" type="video/mp4">
</video>
</body>

</html>

Memasukan Audio


<!DOCTYPE html>

<html>

<head>
<title> Cara Memasukkan Playlist Lagu Pada Dokumen HTML </title>
</head>

<body>
<audio controls>
<source src="Nama Lagu.mp3" type="audio/mpeg">
</audio>
</body>
 
</html>

Membuat Kalender
<html>
<head>
<title>Kalender</title>
</head>
<body>
<script type="Text/Javascript">
var months = new Array();
months[0] = "Januari";
months[1] = "Peburari";
months[2] = "Maret";
months[3] = "April";
months[4] = "Mei";
months[5] = "Juni";
months[6] = "Juli";
months[7] = "Agustus";
months[8] = "September";
months[9] = "Oktober";
months[10] = "Nopember";
months[11] = "Desember";

var currentDate = new Date();
var currentMonth = currentDate.getMonth();
var hariini=currentDate.getDate();
currentDate.setDate(1);
document.write("<table align='center' border=1 cellpadding=3 cellspacing=0>");
document.write("<tr>");
document.write("<td colspan=7 align='center'><strong>"+ months[currentMonth] +"</strong></td>");
document.write("</tr>")
document.write("<tr bgcolor='#AAAAAA'>");
document.write("<td align='center'>Minggu</td>");
document.write("<td align='center'>Senin</td>");
document.write("<td align='center'>Selasa</td>");
document.write("<td align='center'>Rabu</td>");
document.write("<td align='center'>Kamis</td>");
document.write("<td align='center'>Jumat</td>");
document.write("<td align='center'>Sabtu</td>");
document.write("</tr>");

if (currentDate.getDay() != 0)
{
document.write("<tr>");
for (i = 0; i < currentDate.getDay(); i++)
{
document.write("<td>&nbsp;</td>");
}
}

while (currentDate.getMonth() == currentMonth)
{
if (currentDate.getDay == 0)
{
document.write("<tr>");
}

if (hariini==currentDate.getDate())
{
document.write("<td align='center' bgcolor='#00FF00'> <font color='#0000FF'><strong>" + currentDate.getDate() + "</strong></font></td>");
}

else
{
document.write("<td align='center'>" + currentDate.getDate() + "</td>");
}

if (currentDate.getDay() == 6)
{
document.write("</tr>");
}
currentDate.setDate(currentDate.getDate() + 1);
}

for (i = currentDate.getDay(); i <= 6; i++)
{
document.write("<td>&nbsp;</td>");
}

document.write("</table>");
</script>
</body>
</html><
Membuat Link Teks
 <a href="http://url tujuan">link teks anda</a> 

Membuat Link Menggunakan Gambar
  <a href="http://url tujuan"><img src ="http://url gambar anda"/></a> 

Link Dengan Tombol
<div style="text-align:center;"><a href="http://URLanda"><input type="submit" value="teks link anda" /></a></div>

Membuat Garis
<hr/>

Membuat Garis Warna
<hr style="color:red">

Mengatur Ukuran Garis
<hr style="color:#00f" width="60%">

Garis Kanan
<hr style="color:#00f" width="60%" align="right">

Garis Kiri

<hr style="color:#00f" width="60%" align="left">

No comments:

Post a Comment

Subscribe to: Posts (Atom)