Mukhammad Adisucipto : ilmukomputer | Your Short Blog Description Here

Home » Penelusuran ilmukomputer

Komentar di HTML

Anda dapat menuliskan komentar di kode HTML, komentar berguna
apabila Anda ingin kembali mengutak-atik kode maka Anda ingat kode
tersebut fungsinya apa. Komentar hanya untuk memudahkan Anda saja.
Komentar tidak ditampilkan oleh browser. Untuk menulis komentar
diawali denga  lihat contoh berikut ini :

<p>Nama saya <b>arya</b></p>

1. List
Tag list berguna untuk menampilkan list-list. Ada 3 maam jenis list
pada HTML. yang pertama adalah Unordered List.
<ul> :

<ul>
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
</ul>

Hasil :

List 1
List 2
List 3

Tag <ul> merupakan tag pembuka. Diantara tag <ul> Anda dapat

menambahkan tag <li> untuk setiap list yang akan ditampilkan.

Tag list lainnya adalah Ordered list <ol> Anda dapat menggunakan

sama seperti tag <ul> Contoh :

<ol>

</ol>

Hasil :

List 1
List 2
List 3

Jika Anda ingin memulai list tidak dari nomor satu tambahkan atribut

start. Contoh :

</ol>

Hasil :

3. List 1

4. List 2

5. List 3

IMAGE di HTML

Pertengahan tahun 90'an website-website yang tidak memiliki gambar,
karena browser yang ada tidak memiliki kemampuan untuk menapilkan
gambar,.Tetapi sekarang website tanpa gambar akan terlihat membosankan
tetapi website dengan banyak gambar akan terlihat menyebalkan, nah loh.
Jadi gunakan gambar seperlunya, keluarkan semua imajinasi dan nilai seni
Anda untuk dapat membuat website yang nyaman dilihat. Saya tidak akan
mengajarkan bagaimana cara membuat gambar di sini, ada kategori lain di
website ini untuk belajar mendesain, Anda dapat belajar menggunakan
Photoshop. Gambar yang dipasang di website disarankan menggunakan
bertipe file gif atau jpg. Untuk memasang image Anda memerlukan tag
<img>. Tag <img> tidak memerlukan penutup dam memiliki atribut src
untuk mengambil gambar dari suatu alamat. Coba contoh berikut ini :
<img src="img/artikel.gif" width="313" height="43" alt="Contoh Gambar">
Atribut src di sini sama dengan atribut href pada tag <a> yang
berisi alamat posisi gambar. Pada contoh kode di atas Anda memiliki
gambar artikel.gif yang berada pada folder img. Jika Anda tidak
memiliki file tersebut maka gambar tidak akan ditampilkan. Atribut
width dan height merupakan opsional, tapi saya sarankan untuk men-
cantumkannya agar browser mengetahui ukuran gambar apabila
gambar gagal ditampilkan. Atribut alt berguna untuk menampilkan
teks pada gambar jika gambar gagal ditampilkan atau belum selesai
ditampilkan.

Cara Membuat Links di HTML

Anda telah membuat banyak halaman HTML dan Anda ingin menghu-
bungkan semua halaman, sekarangbagaimana caranya Anda berpindah dari
satu halaman ke halaman yang lain ? Apakah saya perlu menuliskan
alamatnya di browser? Link adalah jawabannya. <a> merupakan tag HTML
untuk membuat link agar kita dapat berpindah ke halaman lain. Tag <a>
memiliki atribut yang sangat penting yaitu href. Berikut contoh kodenya :
My <a href="http://www.bukalapak.com">Homepage</a>
Hasil :
My homepage

Jika Anda lihat, maka teks homepage telah berubah menjadi link, jika
Anda klik maka browser akan menuju alamat yang tertera pada atribut href.
Sekarang jika Anda memiliki banyak file HTML dalam satu folder, apakah
saya perlu menggunakan http:// untuk me-link-nya? Tentu tidak Anda cukup
menulis nama file-nya saja, asalkan file tersebut berada satu folder dengan
file yang berisi link. Contoh :
My <a href="contact.html">Homepage</a>
Hasil :
My homepage

Jika Anda klik, maka browser akan membuka file contact.html yang
berada pada satu folder. Oke silahkan Anda coba sendiri untuk melihat
hasilnya.

Teks dan Paragraf di dalam HTML

Header atau judul akan membuat mata pembaca tertuju pada judul
dan tertarik untuk membacanya. Dengan menggunakan tag heading maka
search engine dapat membaca seberapa pentingnya sebuah isi dari suatu
website itu sendiri.
Heading merupakan container yang diawali dengan tag <h1> dan
ditutup dengan tag </h1>. Ada 6 level heading mulai dari h1 sampai h6.
Untuk tag HTML <p> digunakan untuk membuat paragraf, ini
merupakan salah satu tag yang banyak digunakan, tag penting lainnya
adalah <b> untuk menebalkan, <i> untuk memiringkan dan <u> untuk
garis bawah.
Beberapa tag mempunyai atribut ALIGN, termasuk <p> dan <h1>
- <h6>. ALIGN berguna untuk membuat teks rata kiri, tengah atau
kanan. Anda dapat mengubah jenis huruf, ukuran, dan warna. Untuk
mengubah huruf digunakan tag <font>, tag <font> memiliki atribut
seperti face, size dan color. Di dalam HTML untuk memberi jarak
Anda tidak bisa hanya menekan "enter" saja. Untuk memberi jarak
perbasis kita perlu tag HTML yaitu <br> sedangkan untuk spasi
seperti yang sudah saya jelaskan tadi, kita perlu menggunakan HTML
entity / character entity, untuk spasi character entity-nya adalah  .

Struktur Dokumen HTML

      Di postingan sudah saya sebutkan bahwa HTML yang baik memiliki
tag <head> dan <body>, <head mendefinisikan bagian header dari
dokumen HTML yang berisi informasi mengenai dokumen HTML
tersebut. Tag <head> tidak memiliki atribut tetapi memilikki container
khusus di dalam header seperti <base>, <neta>, dan <title>. Tag <body>
mendefinisikan awal dari isi website dan ditutup dengan </body>. Tag
<body> berisi isi dokumen yang akan tampil di browser Anda.
1. Susunan File Anda
Sangat penting untuk meletakkan file-file HTML Anda. Akan lebih baik
jika Anda membuat folder untuk meletakkan file file HTML dan di
    dalamnya Anda membuat subfolder ( misalnya images ) untuk
    menyimpan file-file gambar.
2. Index.html
Ketika Anda mebuka adisucipto.com/belajar.html maka otomatis browser
akan mebuka file belajar.html. Tetapi jika kita membuka adisucipto.com
saja, file apa yang dibuka? Semua server web otomatis akan mencari
    file index.html. Jika website Anda memiliki banyak halaman, Anda harus
    memiliki sebuah file index.html yang akan menjadi halaman pertama dari
    website Anda.