Membuat TABLE di HTML

Malem gan...
Malem ini ane mau ngelanjutin postingan yang kemaren cara membuat huruf berjalan sekarang ane akan membahas tentang cara membuat table pada HTML

 Tuliskan



Maka akan di hasilkan seperti gambar di bawah ini :


Ada 3 Komponen utama yaitu
- <table>  Fungsinya penanda table </table>
-  <tr>      Fungsinya penanda baris    </tr>
-  <td>     Funsinya penanda kolom    </td>

Jika agan mau tambah tablenya jadi banyak tinggal tambahkan
 <tr> dan <td> nya aja, ane contohin :


Maka yang di hasilkan seperti gambar di bawah ini :


Gampangkan gan, ayo semangat belajarnya

Semoga bermanfaat.

di Tidak ada komentar:

CARA MEMBUAT HURUF BERJALAN PADA HTML

Malem gan....
Maelm ini ane mau ngelanjutin posting yang kemaren Cara Menampilkan Gambar Pada HTML membahas tentang membuat huruf berjalan pada HTML 

Tuliskan pada Notepad seperti ini :

<marquee direction="left" scrollamount="3" align="center">
                     <big><big><b>GEMBLUNG SENGAZA WONG DERMAYU<font color="red">                               UJUNG ARIS</big></big></b></font>
</marquee>

Maka hasil dari tulisan di atas seperti di bawah ini :

GEMBLUNG SENGAZA WONG INDRAMAYU_UJUNG ARIS
<marquee> berfungsi untuk menggerakkan tulisan yang agan buat </marquee>
<font> berfungsi untuk merubah ukuran font</font>
<bgcolor="red"> berfungsi untuk memberi warna backgroun pada area tek berjalan
<align="left"> berfungsi untuk mengatur huruf rata kanan, kiri, atau tengah
<scrollamount="1"> untuk mengatur kecepatan text yang di gunakan, semakin tinggi angka semakin cepat gerakan yang di hasilkan.
<direction> berfungsi untuk mengatur gerakan dari text tersebut (up, down, left, & rigt)
<behaviour> berfungsi mengatur efek dari gerakan (slide, scroll, alternate)

Untuk malem ini udah dulu gan jangan banyak-banyak entar otaknya ngeblang..hehe


di Tidak ada komentar:

CARA MENALPILKAN GAMBAR PADA HTML

Sore gan
Sore ini ane mau lanjutin postingan yang kemaren Belajar HTML
Ane akan membahas bagaimana cara memasukan gambar pada HTML

     Setelah anda mengetahui struktur dari sebuah file HTML apa saja yang harus di tulis pertama kali, selanjutnya ane akan mengajak anda cara memuat/menampilkan gambar dan memahami atribut HTML.

    Untuk memuat gambar pada dokumen HTML kita akan menggunakan tag <img> lalu kita akan meletakan gambar di dalam tag <img>

Pertama ketik seperti di bawah  ini :

<!DOCTYPE HTML>
<html>
<head>
     <title>Belajar HTML</title>
</head>
<body>
 <b><big>Ini Contoh Gambar HTML</b></big><br>
<img src="test.jpg" widht="220" height="220"/>
</body>
</html>

Maka akan muncul gambar berikut


Keterangan :
 - <b>  Fungsinya membuat tebal huruf </b> Penutup
 - <big> Fungsinya untuk membuat besar ukuran huruf </big> Penutup

Setiap tag img selain mempunyai atribut src untuk menyimpan lokasi gambar, anda juga harus menyertakan alt sebagai teks alternatif jika gambar tidak berhasil dimuat atau hilang.

<img src=‚test.png‛ alt=‚Ini adalah teks alternatif‛ />

Dan atribut lainya adalah width dan height, fungsinya adalah untuk mengatur ukuran gambar.

<img src=‚test.png‛ alt=‚Ini adalah teks alternatif‛ width=362 height=123 />

Dengan penambahan atribut alt jika gambar hilang atau gagal, maka akan muncul sebuah icon broken file, dan isi dari atribut alt akan di tampilkan.

Facebook
Twiter





di 2 komentar:

Belajar HTML

Malem gan ...
Ane hari ini mau membahas HTML 

Sebenernya gak susah gan untuk belajar HTML
Pengertian HTML
HTML adalah singkatan dari HyperText Markup Language ini adalah bahasa pemerograman yang mudah di pelajari bahkan oleh pemula atau orang awam sekalipun.

Pertama-tama anda harus mendownload Notepad++ atau bisa jg Notepad bawaan dari windows
 - Anda buka notepad++ atau bawaan windowsnya lalu ketikan
      
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
Halaman Pertamaku
</body>
</html>

-Kemudian Save dengan nama halamanpertamaku.html, maka akan muncul 
 gambar dibawah ini :


-  <html>  Adalah  pembuka dokumen HTML, sebagai penutupnya </html>
-  <title>   Berfungsi untuk menulis judul yang akan tampilpada halaman yang anda buat</title> 
-  <head>  Berfungsi sebagai tanda pengenal pada halaman yang anda buat</head>
-  <body> Dimana anda akan menulis berbagai texs untuk di tampilkan</body>
-  <b>       untuk menebalkan huruf </b>
-  <br>      untuk ganti baris </br>
-  <big>    untuk membuat ukuran huruf menjadi besar</big>
-  <u>       membuat huruf bergaris bawah </u>
-  <i>        membuat text miring </i>

    <html>
    <head>
    <tilet>Belajar HTML</title>
   </head>
    <body>
    <h2><b>Saya sedang belajar HTML</b></h2>
    <i>Belajar HTML</i><br>
    <u>Belajar HTML</u><br>
    <big>Belajar HTML</big><br>
    </body>
    </html>


coba anda ketikan di atas lalu save dengan nama tes.html lalu anda perhatikan perbedaannya
    

setiap tag biasanya selalu berpasangan

gampangkan gan....ayo kita belajar HTML

Facebook
Twiter





di Tidak ada komentar:
Langganan: Postingan (Atom)

Membuat Baground Image Pada CSS

Malam Guys...  Langsung aja tanpa basa-basi Hal yang dibutuhkan apa saja?  1. Siapkan foto unntuk baground  2. Buka text editor,...

  • Cara Merubah File Ms Word 2010 ke PDF
    Hai Kawan.....kali ini saya akan membahas merubah file Ms Word 2010 ke File PDF. Fiel PDF sangat berguna sekali bagi yang gemar membaca, ka...
  • KOTA MANGGA
    Tau gak gan dmn kota mangga itu....? Ane kasih tau ya gan,kota mangga dmn...? Kota Indramayu.... Sampai-Sampai kota Indramayu mempuyai Bun...
  • Belajar HTML & CSS
    Download  Belajar HTML & CSS