-->

K.E ^_~ Yang lagi galau ini penawarnya link

6 pertanyaan dasar seputar html

Kemarin kita telah berkenalan dengan HTML, sekarang kita akan mencoba mengenal dasar dasar dari html yang mencakup beberapa pertanyaan dasar berikut:
  1. Apa yang harus dipersiapkan sebelum mempelajari html?
  2. Ekstensi file html manakah yang digunakan (.htm atau .html)?
  3. Apaan tuh Headings?
  4. Bagaimana membuat paragraf?
  5. Bagaimana membuat sebuah link?
  6. Menampilkan gambar pada dokumen?

Apa yang harus dipersiapkan sebelum mempelajari html
Html sangat fleksibel, kita hanya membutuhkan editor teks semacam notepad atau dreamweaver dan kita sudah siap untuk mencoba membuat halaman web dengan html. Html juga tidak membutuhkan webserver, untuk menjalankannya cukup klik 2x pada file html yang kita buat.

Ekstensi file html manakah yang digunakan (.htm atau .html)?
Keduanya dapat anda gunakan, tidak ada perbedaan pada ekstensi file .htm atau .html. Semuanya terserah anda mau menggunakan yang mana.

Apaan tuh Headings?
Saat berkenalan dengan html pada tutorial sebelumnya, anda telah melihat struktur dasar dari sebuah dokumen html, di dalamnya terdapat tag  <h1>Ini judul tulisan</h1> . Tag seperti inilah yang disebut headings. Headings biasanya digunakan untuk mendeskripsikan sebuah judul artikel atau judul dari sebuah halaman web.

Headings terdiri dari 6 tag yang berbeda, yaitu tag <h1> sampai <h6>. contoh penggunaan headings bisa dilihat pada demo di bawah.



Di atas adalah contoh penulisan headings dari h1 sampai h6, sedangkan disamping adalah tampilan yang keluar saat kita menjalankan kode di atas.




Bagaimana membuat paragraf?
Tag html yang bertugas untuk membuat paragraf adalah tag <p>
Contoh:
<p>paragraf pertama</p>
<p>paragraf kedua</p>


Kalo membuat link bagaimana?
Untuk membuat sebuah link menggunakan Tag <a>. Sedangkan alamat linknya didefinisikan dengan atribut href.
contoh:
<a href="http://klikedukasi.com">klikedukasi</a> 

jika dijalankan akan menjadi sebuah link seperti ini "klikedukasi".

Menampilkan gambar pada dokumen?
Tag <img /> berfungsi untuk menampilkan gambar pada dokumen html, yang diselipi oleh atribut src. Atribut src inilah yang mendefinisikan alamat asli gambar dan menampilkannya pada halaman web.

contoh: <img src="images.jpg" />.

file images.jpg juga bisa diganti dengan alamat gambar yang ada pada internet. Misal saya memiliki alamat gambar http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif, Jika kita masukkan pada tag <img> kurang lebih menjadi seperti ini:

<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" />
gambar akan muncul seperti ini

Oke pembahasan dasar html sudah selesai, sekarang kita akan mencoba membuat halaman web sederhana dengan tag tag yang sudah kita pelajari di atas. 


Dokumen html di atas merupakan penerapan dari tag tag yang sudah kita pelajari sebelumnya, seperti headings, paragraf, membuat link dan memasukkan gambar. Silahkan anda coba ketik ulang kode kode html yang ada pada textarea menggunakan notepad, kemudian save dengan ekstensi .html, ..Kemudian anda jalankan file yang anda buat, kurang lebih hasilnya seperti ini:

Judul dengan tag h3

Kita sedang latihan dasar html bersama klikedukasi
ini adalah contoh dari paragraf kedua kita
yang ini contoh link
Yang ini gambar

Sekian pembahasan html dasar kali ini, insya ALLAH akan ada tutorials html lanjutan dari step ini. Tetep tongkrongin klikedukasi ya :) Artikel sebelumnya Berkenalan dengan html

comment 3 komentar

Catatan:
Seluruh komentar yang masuk akan dimoderasi terlebih dahulu. Komentar yang berbau spam, kasar, menghina, seluruhnya yang bersifat menghancurkan bukan membangun tidak akan ditampilkan. Silahkan bertanya dan memberi pendapat dengan sopan dan sesuai aturan.

Anda diperbolehkan mempublikasikan ulang artikel ini, dengan syarat:
1. Mintalah izin dengan cara berkomentar di bawah artikel ini
2. Wajib menyertakan link ke artikel ini dan menyertakan nama penulis

 
© Klikedukasi 2008 - 2013 | Design by Panembahan Satyapradana | 170p3x