Cukup pembukaannya, sekarang kita langsung ke isi. Ini bisa langsung dicoba. Untuk teori tentang cerita-cerita tidak pentingnya lain kali saja kita bahas. Kita praktik dahulu baru teori.
Kumpulan Kode dasar HTML
Membuat teks tebal atau biasa disebut dengan bold (b) yaitu menggunakan kode <b> dan diakhiri dengan </b>. Kode dalam membuat web banyak yang menggunakan pembuka dan penutup. Beberapa orang mengatakan bahwa sintaksis (kode) program jika dibuka tanpa ditutup maka akan masuk angin LoL. Kode yang hampir sama juga bisa digunakan untuk teks miring atau italic (i), teks garis bawah atau underline (u), dan teks
Pemrograman <b>Web</b> xyzmaka hasilnya seperti ini:
Pemrograman <i>Web</i> xyz
Pemrograman <u>Web</u> xyz
Pemrograman <s>Web</s> xyz
Pemrograman Web xyz
Pemrograman Web xyz
Pemrograman Web xyz
Pemrograman
Selain menggunakan kode bold, menebalkan huruf juga bisa dengat membuatnya strong yaitu dengan menggunakan kode <strong>, contoh:
Pemrograman <strong>Web</strong> xyzhasilnya akan tampak tampilan html-nya seperti ini:
Pemrograman Web xyz
Selanjutnya kita belajar mengatur paragraf (p). Kita bisa mengatur paragraf untuk ke kiri (left), tengah (center), atau kanan (right). Mengatur letak paragraf ini juga bisa kita lakukan melalui CSS. Sekarang kita coba melakukannya melalui kode di postingan blog ini. Penggunaan kode pengaturan letak paragraf ini adalah seperti ini:
<p align='left'>Paragraf di kiri</p>hasilnya seperti ini:
<p align='center'>Paragraf di tengah</p>
<p align='right'>Paragraf di kanan</p>
Paragraf di kiri
Paragraf di tengah
Paragraf di kanan
Membuat baris baru (enter) bisa kita lakukan dengan kode <br> atau <br/>. Memang menulis artikel blog sekarang sudah dibantu membuat baris baru hanya dengan menekan enter melalui mode compose atau mode view. Dalam penulisan pemrograman web html murni, tulisan akan terus bersambung ke kanan meskipun kita menulis kode di baris berikutnya. Contoh penggunaannya sebagai berikut:
Pemrograman<br>Webmaka tampilan html-nya adalah seperti ini:
Pemrograman
Web
Membuat huruf besar semua (UPPERCASE) yang biasanya pengaturan ini sudah diatur dalam css, itulah sebabnya jika kita menggunakan template orang lain ada beberapa div sudah diatur dalam cssnya. cara penggunaannya bisa dengan menggunakan kode berikut:
Pemrograman <span style="text-transform: uppercase">Web</span>maka pada mode html akan terlihat seperti ini:
Pemrograman Web
Menampilkan gambar bisa dilakukan dengan kode <img src="http://alamat-gambar"/>. Ini adalah salah satu kode yang tidak menggunakan penutup seperti kode lainnya. Kita akan mencoba mengambil gambar yang alamatnya di https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQPli1z8V-lNfpFgaB3cjlU7mnj9GOm5JK78udxS_10uM0opvgc_gRZ4R220XT0hNjG0oZ-vewQKrOaaKASBbX4GFteZ87G7wOco1q5eR7ncvRlZAWMlfJrrEe3tIKmgunoh5taQtCYiE/s1600/html.jpg maka kita bisa menuliskan kode tersebut seperti ini:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQPli1z8V-lNfpFgaB3cjlU7mnj9GOm5JK78udxS_10uM0opvgc_gRZ4R220XT0hNjG0oZ-vewQKrOaaKASBbX4GFteZ87G7wOco1q5eR7ncvRlZAWMlfJrrEe3tIKmgunoh5taQtCYiE/s1600/html.jpg" alt="html" width="200px" title="Menampilkan gambar">maka tampilannya akan seperti ini:
Keterangan: yang berada dalam src itu adalah alamat gambar yang ingin kita panggil, mungkin src itu adalah singkatan dari source, mungkin. yang berada dalam alt adalah keterangan gambar. Pada saat browser diatur untuk tidak memuat gambar maka teks yang terdapat dalam alt tersebut akan menggantikan gambar. Kemudian width adalah untuk mengatur lebar seperti contoh diatas yaitu 200px maka lebarnya diatur menjadi 200 piksel, jika tidak diatur maka gambarnya terlihat ukuran aslinya, bisa di lihat di gambar html. Kode title digunakan untuk memperlihatkan keterangan gambar meskipun gambar dimuat normal, untuk melihatnya bisa masuk menggunakan komputer lalu letakkan kursor mouse tepat pada gambar.
Semoga bermanfaat.
0 Response to "Kumpulan Kode HTML Dasar Yang Harus Diketahui Pemula"
Posting Komentar