Sabtu, 14 Mei 2016

CODING 7/9 Beserta gamabrnya

     Ya Kali Ini Saya Akan Membagikan Coding bagaimana Cara membuat banner Dan lain Jangan Buka blog Ini Saat Ulangan     langusng saja,,,,

                                                      
                                                           TUGAS 7
<html>
<Head>
<title>Left Index</title>
</Head>
<body>
<table bgcolor="#white" border="1" width="720px" height="360px">
            <tr><td bgcolor="#blue" 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>Blog Pelajaran (Tugas)</td></tr>
            <tr><td bgcolor="#green" align=center>Selamat datang di web kami,tersedia banyak sekali solusi dan juga informasi di blog ini mungkin terdapat juga berbagai coding yang tersedia.</td></tr>
            <tr><td align=center>mhmmdauliarahman.blogspot.co.id/</td></tr>
        </table>
</body>
</html>


           Maka Ini Lah Hasilnya Warna Bisa Kalian kreasikan Dengan kata-kata warna Dalam bahasa inggris, dan judul maupun isinya juga bisa di kreasikan



TUGAS 8

html>
<head>
    <title>Layout 8</title>
</head>
<body>
    <table border="1" width="720px" height="520px">
    <tr><td bgcolor=#F0F rowspan=2 align=center>sebelah kiri</td>
    <td bgcolor=red align=center><h3>Ini JUDUL</h3></td>
    <td bgcolor=#F0F rowspan=2 align=center>sebelah kanan</td></tr>
    <tr><td bgcolor="#yellow" 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="#green" colspan=3 align=center>Lain-lain</td></tr>
    </table>
</body>
</html>



                                                                    TUGAS 9

<html>
<head>
    <title>Layout 9</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="blue" align=center width=250px height=170px><b>Bapak Angga X-tkjA</td>
        <td bgcolor="red" align=center width=250px height=170px><h1><i>Bapa Ucha X-tkjb</td></tr>
            <tr><td bgcolor="red" align=center width=250px height=170px><h1><i>Bapa Ari X-tkjc </td>
        <td bgcolor="blue" align=center width=250px height=170px><b>Bapa krido Kepala Jurusan</td></tr>
    <tr><td bgcolor="grey" colspan=2 align=center width=170px height=100px><b>Pokoknya Gurunya Is The BEST</td></tr>
</table>
</body>
</html>


Ya,,,,, Cuman Sekian Dulu Informasi Dari Saya nantikan Informasi Lainnya,,,,,apabila saya di beri tugas kembali jangan Lupa Untuk Liat Coding Saya Lainnya


      And Dont Forget To Follow to My Instagram : auliarrahman_
Diposting oleh di Tidak ada komentar:

Minggu, 06 Maret 2016

Assalamualaikum wr. wb kali ini aku atau saya sebagai aulia rahman ingin membagikan informasi informasi seputar HTML ya yang pertama

Coding tentang :
-menggabungkan gambar dalam teks, posisi terhadap teks secara vertikal
-menggabungkan gambar dalam teks, posisi terhadap teks secara horizontal
-menyajikan format gambar dengan keterangan

     -Menggabungkan gambar dalam teks,posisi Terhadap Teks Secara vertikal
<html>
<head>
<title>Gambar</title>
</head>
<body>
<p><h2><b>Menggambungkan gambar dalam teks, posisi terhadap teks secara vertikal</b></h2></p>
<img src="aulia.gif" width="400" height="125" align="top">fhoto aulia (menggunakan align=TOP)</p>
<img src="aulia1.JPG" width="400" height="125" align="middle">Fhoto aulia Jua tapi (menggunakan align=MIDDLE)</p>
<img src="aulia2.png" width="400" height="125" align="bottom">fhoto aulia jua tapi (menggunakan align=bottom)</p>
</body>
</html>

 Dan ini hasil gambar tugas 1



    -menggabungkan gambar dalam teks, posisi terhadap teks secara horizontal
<html>
<head>
<title>Gambar</title>
<h2><h>MENGGABUNGKAN GAMBAR DALAM TEKS, POSISI TERHADAP TEKS SECARA HORISONTAL</h2>
</head>
<body>
<img src="aulia2.PNG" width="350" height="280" align="top" align> sebelah kiri nih aulia rahman namanya</p>
<img src="aulia2.PNG" width="350" height="130" align="right" align="bottom" align="right">aulia jua tapi sebelah kanan</p>
</body>
</html>

Dan ini hasil gambar tugas 2


    - menyajikan format gambar dengan keterangan
<html>
<head>
<title>gambar</title>
<h2><h>MENYAJIKAN FORMAT GAMBAR DENGAN KETERANGAN</h2>
</head>
<body>
<img src="aulia3.PNG" title="X TKJ A" widht="400" height="280" title=""/>
</body>
</html>

Dan Ini hasil gambar Tugas  3



Ya Cuman Itu saja Yang bisa saya sampaikan tentang informasi HTML
Trimakasih WASALAMUALAIKUM WR.WB
Diposting oleh di Tidak ada komentar:

Selasa, 02 Februari 2016

  Ya kali Ini Saya Akan Membahas Tentang Coding Tentang FORM & LAYOUT
Coding Memang Banyak jenisnya Dan Kali Ini Saya Akan Membahas Dua coding Seperti Diatas, Sebelumnya Saya Sudah Membuat blog Tentang Coding Juga Di Karnakan Tugas 
 Ya Langsung saja CEKIDOT....

 

Penggunaan Form pada HTML



FUNGSI FORM ATRIBUT-ATRIBUT FORM DAN CONTOH FORM PADA HTML


1.Fungsi form
Form dapat ditemukan pada halaman web yang memiliki fungsi komunikasi, bukan hanya komunikasi antar pengguna internet seperti chatting, social network, dan email, tetapi juga komunikasi antara pengguna internet dengan web server seperti format pendaftaran untuk membuat account sebuah situs. Saat seseorang hendak membuat account sebuah situs, dia memberikan informasi kepada web server yang biasanya berupa identitas diri. Identitas tersebut diinputkan melalui form kemudian dikirim ke database web server.

Jadi, form biasanya digunakan untuk halaman web yang bersifat dinamis sehingga memungkinkan terjadinya komunikasi antara user dengan web server atau user lain.

2.Atribut form
Atribut Elemen Form

action   = lokasi dan nama file "yang menangani form"

method = [ get | post ] "metode HTTP untuk men-submit form"

3.Elemen kontrol pada form
Ada 3 tag yang digunakan untuk membuat elemen kontrol pada form yaitu :
1. Tag <input>, untuk membuat elemen text, checkbox, radio button, tombol submit, dan tombol reset.
2. Tag <select>, untuk membuat menu pop-up.
3. Tag <textarea>, untuk membuat kolom isian teks panjang.


Atribut Elemen Formaction   = lokasi dan nama file "yang menangani form"
method = [ get | post ] "metode HTTP untuk men-submit form"


Properti Masukan Pada Elemen Form

a. Text Box <input type=”text” />

Digunakan untuk memasukkan input berupa text.size         = ukuran dari textbox dalam karakter, default 20
maxsize   = maksimal banyaknya karakter yang dapat diterima
name       = nama dari variabel yang dikirim ke suatu aplikasi
value       = akan menampilkan isinya sebagai nilai default


b. Password<input type=”password” />

Digunakan untuk memasukkan password.size          = ukuran dari textbox dalam karakter, default 20
maxsize   = maksimal banyaknya karakter yang dapat diterima
name       = nama dari variabel yang dikirim ke suatu aplikasi


c. Hidden<input type=”hidden” />

Digunakan untuk mengirim data ke suatu aplikasi yang tidak diinginkan untuk

dilihat oleh browser.name  = nama dari variabel yang dikirim ke suatu aplikasi
value  = nilai dari variabel


d. Check Box<input type=”checkbox” />

Check box digunakan untuk dapat memilih lebih dari satu pilihan.name      = nama dari variabel yang dikirim ke suatu aplikasi
value      = nilai dari variable
checked = ( checkbox yang sudah ditandai )


e. Radio Button<input type=”radio” />

Radio Button digunakan untuk dapat memilih hanya satu pilihan.name      = nama dari variabel yang dikirim ke suatu aplikasi
value      = nilai dari variabel
checked = ( checkbox yang sudah ditandai )


f. Push Button<input type=”button” />

Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk

menghasilkan suatu aksi.name = nama dari variabel yang dikirim ke suatu aplikasi
value = label teks diatas tombol


g. Submit<input type=”submit” />

Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan

nilainya ke suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen

FORM.name = nama dari variabel yang dikirim ke suatu aplikasi.
value = label teks diatas tombol


h. Image Submit Button<input type=”image” src=”url” />

Digunakan untuk menggantikan tombol standar submit dengan image.name = nama dari variabel yang dikirim ke suatu aplikasi


i. Reset<input type=”reset” />

Digunakan untuk mereset semua masukan form.value = text label on the button


j. Text Area<textarea>…</textarea>

Elemen untuk memasukkan teks secara leluasa seperti notepad.name  = nama dari varibel yang dikirim ke suatu aplikasi
rows  = panjang baris dalam karakter
cols   = tinggi dalam karakter


k. Select<select>…</select>

Daftar isi dalam property select menggunakan tag <option>size    = jumlah pilihan yang dapat terlihat
name = nama dari suatu variabel yang terkirim ke suatu aplikasi
 Nah Berikut ini Coding Cara Membuat FORM
                                          CODING FORM
 
<!DOCTYPE html>
<head>
<title>Top INdex</title>
</head>
<body>
<form id="form1" nama="form1"medhod="post"action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="80" align="center" bordecolor="#FFFFF"bgcolor="#FFF00"><strong><font size="10">Banner / Judul </font></strong></td>
</tr>
<tr>
<th height="457" align="center" bgcolor="silver">
<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="9f5f9f">body atau contents(isi)</font></p>
</th>
<th>
</tr>
<tr>
<th height="30" align="center" bgcolor="ccff99"><font color="#cc0000">Info Daftar isi navigasi</font></td>
</th>
<th>
</tr>
</table>
</form>
</body>
</html>


Contoh Dari Coding Form
 
 
 Dan Ini Contoh Coding Dari LAYOUT
                                                     
 
                                                         LAYOUT
 
<!DOCTYPE html>
 <head>
<title>Top INdex</title>
</head>
<body>
<form id="form1" nama="form1"medhod="post"action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="80" align="center" bordecolor="#FFFFF"bgcolor="#FFF00"><strong><font size="10">Banner atau iklan </font></strong></td>
</tr>
<tr>
<td height="27" align="center" bgcolor="#FFCCCC"><form color="#ff0000">Daftar isi atau navigasi</font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#ff66cc">
<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>
</tr>
<tr>
<td helght="23" align="center" bgcolor="ccff99"><font color="#9966cc">Info tambahan atau lain-lain</font></td>
</tr>
</table>
</form>
</body>

</html>
 
 
   Jangan Lupa Juga Mampir Di Blog Saya Dan Teman Saya Tentang Rowspan Dan Tabel Bersarang
-BLOG muhammad Fadri
muhammadfadri8.blogspot.com
syahrizatetsuya.blogspot.com 
budialbadali.blogspot.com 
                                              Cara Membuat Tabel Rowspan Dan tabel Bersarang
 
 
Sekian Terimakasih Tunggu Info Tentang Coding Yang Lainnya Apabila ada tugas Yang lainnya

 
Diposting oleh di Tidak ada komentar:

Senin, 25 Januari 2016

Assalamualaikum Wr.Wb
Perkenalkan Saya M.Aulia.R Dari X-TKJ a 
 
 
Ya Kali Ini Saya Akan Belajar Memposting Tentang Bagaimana Caranya Membuat HTML Dengan Cara Yang BerMacam-Macam Ya Langsung Saja Saya Sampaikan Cekidot...
 Coding membuat Rowspan dan Colspan
<html>
<head>
<title>tabel</title>
</head>
<h1><center>Berikut contoh tabel dengan rowspan dan colspan</center></h1>
<table width=80% border=2 cellspacing=0 cellpadding=0>
<tr>
<td><center>baris 1 kolom 1</center></td>
<td><center>baris 1 kolom 2</center></td>
</tr>
<tr>
<td colspan=2><center>baris 2 kolom 1</center></td>
</tr>
<tr>
<td rowspan=2><center>baris 3 kolom 1</center></td>
<td><center>baris 3 kolom 2</center></td>
</tr>
</table>
</body>
</html>
 
                                            Gambar Membuat Rowspan & Colspan
  Di Atas Contoh Cara Membuat Rowspan & Colspan Apabila Di Kerjakan Sesuai Dengan Prosedur
                                       
           Ada Juga HTML Dengan Cara Penggunaan ALIGN 
                                                         CODING Penggunaan Align
<html>
<head>
<title>penggunaan ALIGN</title>
</head>
<body>
<table border="2">
<caption>DAFTAR WIRANIAGA</caption>
<tr>
<th colspan="2" rowspan="2">WIRANIAGA</th>
<th colspan="3">KOTA</th>
</tr>
<tr>
<th> SEMARANG CITY</th>
<th>KUDUS CITY </th>
<th>SOLO CITY</th>
<tr>
<tr>
<th rowspan="2">jenis kelamin</th>
<th>pria</th>
<td align="center">30</td>
<td align="center">20</td>
<td align="center">30</td>
</tr>
<th>Wanita</th>
<td align="center">20</td>
<td align="center">8</td>
<td align="center">18<td>
</table></body>
</html>

Contoh Dari Gambar  HTML Penggunaan Align





                                              Cara CODING Tabel Bersarang/ Tabel Di dalam Tabel

<html>
<head>
<title>TUGAS</title>
</head>
<body>
<table align="center" width=45% height=25% border="5">
<caption>online order</caption>
<tr>
<th align="center">Desecription</th>
<th align="center">Qty</th>
<th align="center">price</th>
<th align="center">Email Account Note</th>
</tr>
<tr>
<td align="center">Email account</th>
<td>10</td>
<td>$10.90</td>
<td rowspan="5"><table border=1>
   <tr>
   <td>Mailbox</td>
   <td>50GB</td>
   </tr>
   <tr>
   <td>webmail</td>
   <td>yes</td>
   </tr>
   <tr>
   <td>POP5</td>
   <td>yes</td>
   </tr>
   <td>IMAP</td>
   <td>yes</td>
   </tr>
   <tr>
   <td>Anti-Spam</td>
   <td>yes</td>
   </tr>
   </td>
   </table>
</tr>
<tr>
<td align="center">FYIcenter.comAd</td>
<td>1</td>
<td>$10.00</td>
</tr>
<tr>
<td align="center">2-year access</td>
<td>1</td>
<td>$200.00</td>
</tr>
<tr>
<td align="right" colspan="2">shipping</td>
<td>$4.99</td>
</tr>
<tr>
<td align="right" colspan="2">Tax</th>
<td>$16.99</td>
</tr>
<font color="#FFFFFF">
</table>
<body background="279.jpg">
</html> 
  



Contoh Gambar Penggunaan HTML Dengan Cara Tabel Bersarang/ Tabel Di dalam Tabel  



Ya.... Cukup Sekian Ya Mungkin Hanya Itu Saja Yang Mungkin Saya Tahu Tentang HTML Mungkin Saya Akan Nge-Update Blog Ini  Apa Bila Ada Tugas Yang Di Berikan Oleh Guru Saya
Jangan Lupa Juga Untuk Mampir Ke Blog Teman Saya Yang Mungkin Lebih Menarik Dari saya...
dan....

Sekian Dan Terima Kasih 
                                                                                                    Wassalamualaikum Wr.Wb
 



Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)