Senin, 16 Mei 2016

tugas video

berikut contoh coding video yang saya gunakan!!

<html>
<head>
<title>M Reza Setiawan</title>
</head>
<body>
<video width="400" height="240" autoplay="autoplay" controls="controls">
<source src="ezong123.mp4" type="video/mp4"/>
<source src="ezong123.ogg" type="video/ogg"/>
</video>
</body>
</html>

Tugas Gambar

contoh codingnya seperti dibawah ini!!

<html>
<head>
<title>Tugas1</title>
</head>
<body>
<h2><b> menggabung gambar dalam teks , posisi terhadap teks secara vertikal</h2>
<p><img src="ezong.jpg" width="470" height="180" align ="top">Ini saya saat berkunjung ke pasar terapung lokbaintan-kalsel(Menggunakan align=TOP)<p>
<p><img src="setiawan.jpg" width="470" height="180" align="middle"> Ini saya dan teman-teman ExploreBanjar ngecamp di bukitbatu,riamkanan,kalsel(Menggunakan align=MIDDLE)<p>
<p><img src="reza.jpg" width="470" height="180" align="bottom">Ini foto saya di bukit batu, riam kanan, kalsel (Menggunakan align=BOTTOM)<p>
</body>
</html>



berikut dibawah ini contoh codingnya!!

<html>
<head>
<title>tugas2</title>
<h2><b>menggabung gambar dan teks, posisi terhadap teks secara horisontal</h2>
</head>
<body>
<img src="ezong.jpg" width="470" height="310" align="top" align> Ini foto saya  (menggunakan align=LEFT)</p>
<img src="setiawan.jpg" width="600" height="280" align="right" align="bottom" align="right"> Ini saya dan teman teman saya(menggunakan align=RIGHT)</p>
</body>

</html>


berikut dibawah ini contoh codingnya!!

<html>

<head>
<title>Tugas3</title>
<h2><b> Menyajikan format dengan keterangan</h2>
</head>
<body>
<img src="reza.jpg" title="saya di pasar terapung lokbaintan" width="470" height="310" title=""/>
</body>
</html>

<html>
<head>
<title>M Reza Setiawan</title>
</head>
<body>
<table border=0>
<tr>
<td bgcolor="black" colspan=2 align=center width=500px height=50px><h2>WEB SEKOLAH</h2></td>
</tr>
<tr>
<td bgcolor="blue" width=150px height=300px>
<ul type=square>
<li>Menu<br></li>
<li>Profil Sekolah<br></li>
<li>Galeri Foto<br></li>
<li>Kegiatan<br></li>
<li>Hubungi kami</li></td></ul>
<td bgcolor="gold" align=center width=330px>ISI DARI HALAMAN WEB</td>
</tr>
<tr>
<td bgcolor="black" colspan=2 align=center>Copyright©2016</td>
</tr>
</table>
</body>
</html>

ini contoh hasil codingnya..

WEB SEKOLAH

  • Menu
  • Profil Sekolah
  • Galeri Foto
  • Kegiatan
  • Hubungi kami
ISI DARI HALAMAN WEB
CopyrightĂ‚©2016

Minggu, 17 April 2016

Coding audio autoplay

<html>
<head>
<title>M Reza Setiawan</title>
</head>
<body>
<audio autoplay="autoplay" loop="loop">
<source src="CP.mp3" type="audio/mp3">
</audio>
</body>
</html>

Layout halaman tugas 9

contoh coding layout 9

Berikut Hasil kerja saya :D

<html>
<head>
    <title>Layout 9</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="Chartreuse" align=center width=250px height=170px><b>Teks/Daftar isi</td>
        <td bgcolor="Darkviolet" align=center width=250px height=170px><h1><i>Gambar</td></tr>
            <tr><td bgcolor="Darkviolet" align=center width=250px height=170px><h1><i>Gambar</td>
        <td bgcolor="Chartreuse" align=center width=250px height=170px><b>Teks/Daftar isi</td></tr>
    <tr><td bgcolor="grey" colspan=2 align=center width=170px height=100px><b>Lain-lain</td></tr>
</table>
</body>
</html>

contoh hasil nya.. seperti dibawah ini..
Berikut Hasil kerja saya :D
Teks/Daftar isi

Gambar

Gambar

Teks/Daftar isi
Lain-lain

Layout halaman tugas 8

contoh coding layout 8

Berikut hasil kerja saya :D

<html>
<head>
    <title>Layout 8</title>
</head>
<body>
    <table border="1" width="720px" height="520px">
    <tr><td bgcolor=#A52A2A rowspan=2 align=center>Daftar isi</td>
    <td bgcolor=coral align=center><h3>Banner/Judul</h3></td>
    <td bgcolor=#0000FF rowspan=2 align=center>Daftar isi</td></tr>
    <tr><td bgcolor=#blue align=center>
    <p>Body atau contents(isi)</p>
        <p><font color="#006600">Body atau contents(isi)</font></p>
        <p><font color="#CC0000">Body atau contents(isi)</font></p>
        <p><font color="#FFFF00">Body atau contents(isi)</font></p>
        <p><font color="#FF6633">Body atau contents(isi)</font></p>
    </td></tr>
    <tr><td bgcolor=red colspan=3 align=center>Lain-lain</td></tr>
    </table>
</body>
</html>

Berikut hasil kerja saya :D
Daftar isi

Banner/Judul

Daftar isi
Body atau contents(isi)
Body atau contents(isi)
Body atau contents(isi)
Body atau contents(isi)
Body atau contents(isi)
Lain-lain

Layout halaman tugas 7

contoh coding layout7

Berikut hasil kerja saya :D

 <html>
<Head>
    <title>Layout 7</title>
</Head>
<body>
        <table bgcolor="#00F000 " border="1" width="820px" height="360px">
            <tr><td bgcolor="#00F000" rowspan="3" align="bottom" width="120px">
            <ul type="disc">
            <li>Home<br></li>
            <li>Profil<br></li>
            <li>About us<br></li>
            <li>Blog<br></li>
            <li>Contact us</td></li>
            <td align=center><h1>House Of Reza setiawan
            </h1></td></tr>
            <tr><td bgcolor="red" align=center>Selamat datang di Page Kami, disini kami menjual berbagai kebutuhan hidup manusia.<p>
                                                    dengan kualitas dan harga yang dapat di percaya </td></tr>
            <tr><td align=center><p> Terima Kasih
                                    (exploreza.blogspot.com)</td></tr>
        </table>
</body>
</html>


Berikut hasil kerja saya :D
  • Home
  • Profil
  • About us
  • Blog
  • Contact us

House Of Reza setiawan

Selamat datang di Page Kami, disini kami menjual berbagai kebutuhan hidup manusia. dengan kualitas dan harga yang dapat di percaya
Terima Kasih (exploreza.blogspot.com)