Home Archives for 03/30/16

Tutorial HTML Part 4 : Mengetahui fungsi-fungsi tag yang sering digunakan pada HTML

23:06:00 |
Tutorial HTML : Mengetahui fungsi-fungsi tag yang sering digunakan pada HTML - Selamat sore semua, kemarin saya sudah membuat 3 tutorial tentang html, yaitu Tutorial HTML : Cara menjalankan file HTML pada browser, Tutorial HTML : Mengetahui Beberapa Text editor, dan Tutorial HTML : Mengenal Tag, Element, Atribut Pada HTML.Bagi anda yang belum membaca ketiga tutorial itu silahkan di baca dulu.Tag html ada banyak sekali namun berbeda-beda fungsi tag, ada yang tag untuk membuat text tebal ada juga tag yang untuk membuat text menjadi miring, untuk itulah kita harus tahu fungsi-fungsi dari pada tag html.Disini saya akan kasih tag-tag yang sering digunakan oleh programmer web lainnya.Mari kita simak baik-baik fungsi-fungsi tag pada html.Saya sarankan untuk anda agar menghafal tag-tag dasar html ini.

Nama Tag Fungsi Tag
<html> Untuk memberitahu kepada browser bahwa itu adalah tag html
<p></p> Untuk membuat sebuah paragraf
<b></b>Untuk membuat text tebal
<u></u>Untuk membuat text bergaris bawah
<i></i>Untuk membuat text miring
<br>Untuk membuat garis baru pada browser
<a href="#">...</a>Untuk membuat link.Pada tag di samping itu harus dibuatkan atribut href.
<marquee>...</marquee>Untuk membuat text berjalan
<tabel>Untuk membuat tabel pada html
<th>...</th>Untuk membuat judul/header pada tabel
<tr>...</tr>Untuk membuat baris tabel
<td>...</td>Untuk membuat tabel data atau kolom tabel
<img>Untuk menampilkan gambar pada browser
<ol>...</ol>Untuk membuat list/daftar berurutan dengan angka
<li>...</li>Untuk membuat list/daftar.Tag ini harus berada diantara tag <ol>...</ol>
<ul>...</ul>Untuk membuat list/daftar dengan tanda bulat hitam.Tag ini akan berfungsi apabila kita menggunakan tag <li>...<li> pada bagia tag di samping.Sama seperti tag <ol>...</ol>
<title>...</title>Untuk membuat judul pada tab browser
<body>...</body>Untuk memberikan isi pada html
<head></head>Untuk memberikan tempat sumber daya website seperti css, javascript, dan juga title
Catatan : Pada tag-tag diatas saya akan membuatkan tutorialnya satu persatu, seperti cara membuat gambar pada html, dan lain-lain.
Mudah-mudahan tag-tag yang saya kasih bisa anda semakin hebat dalam membangun sebuah kerangkan website.Semoga bermanfaat.

Tutorial HTML Part 3 : Mengenal Tag, Element, Atribut Pada HTML

02:15:00 |

Tutorial HTML : Mengenal Tag, Element, Atribut Pada HTML - Sebelumnya saya sudah kasih kepada teman-teman tentang Mengetahui beberapa text editor, dan juga tentang Menjalankan file HTML pada browser.Untuk anda yang belum membaca tutorial yang sudah saya tulis silahkan untuk di baca terlebih dahulu, karena tutorial ini merupakan lanjutan dari ke-dua tutorial yang ada diatas.Didalam tutorial ini kita akan membahas tentang penulisan dasar-dasar kode HTML, jadi untuk yang ingin membacakan tutorial ini silahkan di baca dulu.Mari kita masuk ke pembahasan.

Mengenal Tag HTML
Sebagai bahasa markup, HTML mempunyai tag yang akan memberitahukan browser itu sendiri, tag apa yang akan di jalankan.Dan untuk penulisan Tag di awalih oleh tag pembuka dan di akhiri oleh tag penutup, lihat contoh ini.

<tag pembuka>Ini adalah tag HTML</tag penutup>

Di atas merupakan dasar dari penulisan HTML, ingat tag html harus di awali dengan tag pembuka (<>) dan di akhiri oleh tag penutup (</>).Tetapi ada beberapa tag yang tidak menggunakan tag penutup, yaitu tag untuk memberikan baris baru, untuk itu kita akan bahas nanti.Sebagai contoh agar anda tidak bingung disini saya akan membuat huruf tebal, lihat contoh di bawah.

<b>Ini adalah tag HTML</b>

Dan hasilnya akan mengeluarkan huruf tebal.
Mengenal Element HTML
Element terdapat di dalam tag html, semisalnya kita ingin menghasilkan kata dengan huruf tebal, jika kita hanya menulis elementnya tanpa tag-nya, element itu tidak akan menghasilkan huruf tebal pada browser.Element dan tag tidak bisa berpisah, mereka harus bersama-sama.Untuk anda yang masih bingung langsung saja lihat di bawah.

<b>Ini adalah sebuah element</b>

Gimana sudah paham-kan? mari kita lanjut.
Mengenal Atribut HTML
Atribut adalah tambahan dari sebuah tag.Atribut juga harus di awali dengan tanda (=""), langsung kita ke penjelasannya, misalkan saya ingin membuat sebuah atribut untuk tulisan yang berwarna merah kita tinggal menambahkan atribut itu di awal tag html, contoh.

<font color="red">Ini adalah gambar merah </font>

Nah setelah anda simpan maka text-nya berubah menjadi merah.
Tutorial kali ini sampai disini dulu, saya akan terus membuat tutorial html-nya, jadi jangan bosan untuk anda yang ingin belajar HTML dari dasar di blog ini, hehehe.

Semoga Bermanfaat
Subscribe to: Posts (Atom)