LATIHAN HTML
HTML (Hyper Text Markup Language ) adalah sebuah
bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan
berbagai informasi didalam sebuah browser internet. HTML berupa kode-kode tag
yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang
diinginkan.
Kali ini kita akan belajar menggunakan notepad dan
akan kita tampilkan ke browser, cara memulainya :
- Setelah lembar kerja terbuka ketikkan html didalamnya sebagai permulaan hanya sederhana saja.Kemudian simpan ditempat yang diinginkan seperti local D atau dokumen dengan mengklik save as, nama file Latihan.html dan save as type file all file lalu save
Setelah tersimpan buka browser seperti
google chrome, mozila, dan lainnya. Lalu tekan Ctrl+O dan cari dimana file yang
kita simpan tadi klik dan open maka tampak hasilnya seperti berikut ini.
Selanjutnya buat Nama, Nim dan alamat atau apa aja yang
ingin di tampilkan dengan cara yang sama lalu save bukan save as,kembali ke
browser dengan cara sama hasilnya seperti ini:
Langkah selanjutnya tinggal kita
kombinasikan dengan kode html yang lain seperti teks bercetak tebal, pindah
baris, teks bergaris bawah, memperbesar teks,dan lainnya
Membuat teks tebal
Hasilnya
- Membuat warna background dengan cara seperti berikut, warnanya tergantung yang diinginkan tinggal mengganti nama warna di samping bgcolor.
- Langkah untuk membuat teks berjalan adalah seperti berikut <marquee> teks yang ingin dibuat berjalan </marquee>
Dan
inilah hasilnya teks berjalan dari kanan ke kiri
- Untuk menambahkan foto atau gambar ke lembar kerja caranya tentukan dulu gambar yang ingin ditambahkan lalu buat menjadi satu folder dengan folder yang pertama kali kita simpan tadi yaitu latihan.html misalnya kalau kita tadi mnyimpannya di dokumen maka gambar yang ingin ditambah juga harus didokumen dan ketik di notepad kode html berikut: <img src=”nama gambar .jpg atau apapun itu sesuai dengan gambar”</img>.
Maka
tampak hasilnya seperti berikut gambar telah berada di lembar kerja.
Disini gambar yang dimasukkan masih
kecil sesuai degan aslinya, kita bisa memperbesar gambar tersebut setengah atau
penuh atau sesuai keinginan dengan
manambahkan ukuran di tengah kode html diatas
Setelah
kita buat ukurannya menjadi 70% maka tampak hasilnya seperti di bawah ini,
ukurannya bisa diubah tergantung yang diinginkan
Kita
bisa membuat desain yang lain sesuai keinginan, kita hanya mengganti kode html
Sekian
dan terima kasih
데시 수산디
감사함니다



















Komentar
Posting Komentar