Label

Dasar HTML

Dalam Tutorial kali ini saya akan mengajak sobat untuk mempelajari contoh-contoh dasar pada HTML, sobat tidak perlu kebingungan jika pada contoh-contoh berikut ini terdapat tag yang sobat belum ketahui karena kita akan mempelajari nya dalam bahasan tutrial berikutnya. untuk pengawalan tutorial kali ini kita akan membahas dokumen HTML, pada setiap dokumen HTML tentunya haruslah dimulai dengan mendeklarasikan tipe berupa , nah didalam dokumen HTMLitu sendiri diawali
dengan , bagian yang akan terlihat dari dokumen HTML adalah isi dari tag dan, kembali ke contoh:

<!DOCTYPE html>
<html>
   <body>

    <h1>Heading Pertama nih</h1>
    <p>dan ini Paragraph pertama</p>

    </body>
</html>

Heading/Judul HTML

untuk membuat sebuah judul HTML didefinisikan oleh tag <h1> sampai tag <h6>
, mari kembali ke contoh:

<h1>Ini heading</h1>
<h2>Ini heading</h2>
<h3>ini heading</h3>
<h4>Ini heading</h4>
<h5>Ini heading</h5>
<h6>Ini heading</h6>

Praktekanlah kode diatas agar sobat dapat mengetahui hasilnya.

Paragraph HTML

untuk membuat sebuah paragraph di HTML didefinisikan oleh tag <p>, kembali pada contoh:

<p>ini adalah paragraph PusTut</p>
<p>Ini adalah paragraph PusTut lainnya</p>

Praktekanlah kode diatas agar sobat dapat mengetahui hasilnya.

Link HTML

untuk membuat sebuah link didefinisikan oleh tag <a>, kembali lagi ke contoh:
Ini merupakan Link Pusat Tutorial.
Penjelasan: dalam kode diatas terdapat atribut href, atribut tersebut yang menentukan alamat link. atribut yang digunakan bertujuan untuk memberikan informasi tambahan pada elemen HTML.
Praktekanlah kode diatas agar sobat dapat mengetahui hasilnya.

Image pada HTML

untuk menampilkan berupa gambar maka pendefinisiannya oleh tag , kita kembali kecontoh:

Penjelasan: didalam tag terdapat 4 atribut yaitu (src),(alt), (width dan height).

  • atribut (src) merupakan sebuah atribut yang menetukan alamat sumber file image yang kita ambil
  • atribut (alt) merupakan sebuah atribut yang mengisikan teks alternatif pada image file
  • atribut (width) merupakan sebuah atribut penentu ukuran lebar pada image file
  • atribut (height) merupakan sebuah atribut penetu ukuran tinggi pada image file

Praktekanlah kode diatas agar sobat dapat mengetahui hasilnya.

sekian dulu untuk tutorial tentang dasar HTML kali ini, untuk mempelajari lebih jauh mengenai atribut pada HTML akan di bahas pada bab tutorial berikut nya. jadi pantengin terus Pusat tutorial, proses belajar anda akan jadi lebih mudah 🙂 sampai jumpa di tutorial selanjutnya…

Labels:

Komentar

Posting Komentar

Popular post