IFORMASI A1

SEMBAKOHarga per Kg
Telor Ayam Horn17.500 - 18.500
Beras Strobery10.250 - 10.500
Gula Pasir Baru12.500 - 13.000
Gula Pasir Mantu11.500 - 12.000


JUDUL CERITARangking
Kawin Paksa : Malu Tapi Mau
Cerita Cinta : Malu Tapi Mau
Cerita Malam Pertama
Cerita Lucu Brewokan


KICAU MANIARangking
Download CD Master


Home » , , , » IPTEK - Dasar Pemprograman HTML

IPTEK - Dasar Pemprograman HTML

Kalau kita mau mengamati dengan teliti maka kita akan tahu bahwa file-file yang bisa di jalankan aplikasi yang mempunyai kemampuan untuk menampilkan suatu halaman web atau blog Anda pasti mempunyai akhiran .html, .htm, atau .php biar kita bisa memodifikasi blog atau web yang lebih baik maka kita harus memahami program itu, biar nantinya kita semakin lebih baik menuliskan sesuatu di blog atau web apalagi kalau kita punya niat untuk lebih profesional untuk melihatkan kemampuan atau keahlian pada orang lain di dunia maya lewat blog atau web misalkan tentang memasak atau budidaya lele. 

Berikut ini saya akan memberi sedikit dasar pemprogramman HTML yang paling dasar, untuk mencobanya Anda bisa memakai aplikasi yang paling sederhana yaitu Notepad, aplikasi ini ada di Accessories waktu Anda mengintall windows di komputer Anda. Tetapi kalau Anda sudah selesai menuliskan perintah-perintah dasar HTML cara menyimpannya agak beda sedikit yaitu dengan cara memberi tanda petik buka dan tutup. Lihat contoh di bawah ini.

contoh :  "latihan1.html"

Mari kita mulai saja untuk menuliskan beberapa hal dasar yang pokok harus kita pahami waktu kita belajar pemprogramman HTML.

<html>                   --->      selalu di mulai dengan perintah awal seperti ini.

<head>                  ---->     untuk menuliskan tag tag atau perintah di bagian awal

<title>...........</title>    ----->   untuk memberi judul blog atau web anda jika di akses aplikasi untuk tampil di internet seperti mozilla firefox

</head>
<body>

semua perintah bisa anda tuliskan disini walau itu hanya sebuah tulisan biasa

</body>
</html>

Jika Anda mau memperhatikan program ini akan di mulai dengan menulis <html> dan akan di tutup dengan </html>. Hampir semua perintah di program ini selalu di akhiri dengan / perintah awal, sangat sederhana kan ?!. masih banyak perintah lainnya

1. Untuk membuat link dengan text

<a href="http://www.google.com">Mbah Google</a> perintah ini akan memunculkan kalimat Mbah Google di halaman web atau blog dan jika kita klik kalau komputer kita online langsung menuju halaman webnya Google.

contoh : Mbah Google ----> ini hasil perintah di atas.

2. Untuk menampilkan gambar.

<img src="http://lh5.googleusercontent.com/-McVH-Owcbpw/AAAAAAAAAAI/AAAAAAAAAAA/d8ZrIy5NQKM/s27-c/photo.jpg" width="50" height="50"> perintah ini akan memunculkan gambar di halaman web atau blog Anda.

contoh : 

3. Untuk membuat link dengan gambar

< a href="https://plus.google.com/u/0/me?tab=jX"><img src="http://lh5.googleusercontent.com/-McVH-Owcbpw/AAAAAAAAAAI/AAAAAAAAAAA/d8ZrIy5NQKM/s27-c/photo.jpg" width="50" height="50"></a> perintah ini akan memunculkan gambar di halaman web atau blog Anda dan jika kita klik akan menuju ke alamat Google +.

contoh : https://plus.google.com/u/0/me?tab=jX

4. Untuk merubah bentuk text dan ukurannya

<span style="font-family: Arial Narrow; font-size: 36;">Ini adalah text bentuk Arial Narrow dengan ukuran 28</span>Ini adalah text bentuk Arial Narrow dengan ukuran 36</font> perintah ini akan menampilkan seperti di bawah ini.

contoh : Ini adalah text bentuk Arial Narrow dengan ukuran 36

5. Untuk memberi warna text

<span style="color: red;"><span style="font-family: Arial Narrow; font-size: 36;">Ini adalah text bentuk Arial Narrow dengan ukuran 36</span>

contoh : Ini adalah text bentuk Arial Narrow dengan ukuran 36

6.Cara membuat Tabel

<table border="1">
<tr><td width="150">baris 1 kolom 1</td><td width="150"> baris 1 kolom 2</td></tr>
<tr><td width="150">baris 2 kolom 1</td><td width="150"> baris 2 kolom 2</td></tr>
<tr><td width="150">baris 3 kolom 1</td><td width="150"> baris 3 kolom 2</td></tr>
</table>

contoh :
baris 1 kolom 1baris 1 kolom 2
baris 2 kolom 1baris 2 kolom 2
baris 3 kolom 1baris 3 kolom 2


Semoga sedikit ilmu ini akan membantu Anda semua dalam memodifikasi template melalui HTML atau memodikasi Gadget sehingga anda sedikit bisa menampilkan sesuatu yang lain di blog atau web Anda.

1 komentar:

Mas Boy said...

Kalau ingin baca iptek yang lain di blog ini bisa pilih menu Tutorial

Post a Comment

Paling Disuka

Translate