Tutorial HTML (Part 1)

Yups,,, disini saya mau bagi-bagi ilmu. Buat siapa saja yang suka belajar, disini tempatnya. Ayo kita sama-sama belajar.  Kali ini saya mau share tutorial HTML.. cekidot..!!!
1. Definisi HTML
HTML (Hyper Text Markup Languange) adalah bahasa pengkodeaan untuk
menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web.
HTML terlihat seperti bahasa pengkodean lama, yang di awali dan diakhiri dengan
kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser.
2. Program Editor HTML
Untuk membuat aplikasi web, dalam hal ini menggunakan HTML , maka kita
membutuhkan suatu editor guna mengetikkan,mengedit atau menyimpan dokumendokumen
HTML. Editor untuk memdesain suatu web dibagi 2 yaitu yang bersifat text
murni dan yang WYSIWYG (Graphic) Editor untuk text, anatara lain Notepad dan
Ultra Edit. Sedang editor WYSIWYG adalah Netscape dan Front Page.

Gambar 1. Editor HTML (Ultra edit dan Front Page)
3. Struktur Dasar HTML
Seperti umumnya dokumen lain, dokumen HTML terdiri dari teks-teks dan bahkan
lebih dari dari itu. Dokumen HTML juga dapat mengandung suatu gambar, suara,
ataupun video. Satu hal yang membedakan dokumen HTML dengan dokumendokumen
lainnya adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen
dan tag HTML berfungsi untuk menformat atau menandai suatu bagian tertentu dari
dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen
HTML. Elemen dan Tag inilah yang merupakan ciri utama dari suatu dokumen
HTML. Secara garis besar, untuk menulisakn sebuah dokumen HTML dibutuhkan
kerangka penulisan dengan tag-tag dasar sebagai berikut HTML, HEAD,TITLE dan
BODY.
Sebagai contoh berikut ini adalah penulisan HTML minimal yang menggunakan tagtag
dasar tersebut


<HTML>
<HEAD>
<TITLE> Judul dokumen </TITLE>
</HEAD>
<BODY>
data-data yang akan di tampilkan
</BODY>
</HTML>

 TAG           FUNGSI
HTML    :  Untuk penenda bahwa dokumen yang dibuat adalah dokumen web
HEAD    :  Untuk bagian judul, boleh ada atau tidak
TITLE    :  Judul untuk masing-masing halaman, ditampilkan diatas browser
BODY    :  Informasi yang ingin dimunculkan diletakkan di bagian ini


Comments

Post a Comment

Popular posts from this blog

Sorting dan Searching data Tabel PHP MySQL

Image
Dalam tutorial kali ini, saya akan meneruskan materi kemarin. Jika dalam tutorial sebelumnya pembahasan fokus pada cara menampilkan data, maka sekarang kita akan membahas dua hal yang masing berhubungan dengan menampilkan data. Dua hal tersebut adalah Pengurutan (Sorting) dan Pencarian (Searching). Bagi anda yang belum mambaca panduan sebelumnya, silahkan membaca terlebih dahulu karena database dan skrip koneksi menggunakan script yang sama. Untuk membuat pencarian dan pengurutan, file utama cuma satu yaitu mahasiswa2.php. Jika anda ingin mencoba code di panduan ini, beri nama mahasiswa2.php. Hasil pencarian dan pengurutan tetap berada di mahasiswa2.php. Untuk lebih memahami code, tekankan pada kode yang di highlight karena logika utama ada disitu. Pengurutan Untuk melakukan pengurutan, user cukup mengklik header dari kolom tabel. Dalam kasus ini, user bisa mengurutkan ascending atau descending saat mengklik header kolom nim atau kolom nama. Pengurutan bersifat toggle,
Read more

Sering terganggu dengan notifikasi grup WA, inilah solusinya!!!

Image
Sering kali kita terganggu dengan notifikasi grup di aplikasi Whatsapp.  Sebuah dilema, antara penting dan gak penting. Informasi serta obrolan memang lebih berjalan secara interaktif dalam sebuah grup WhatsApp. Tak hanya percakapan antar satu atau dua orang saja, tapi juga sejumlah orang yang menjadi anggota dalam grup itu. Saat diundang menjadi seorang anggota dalam sebuah grupWhatsApp memang banyak sekali pertimbangannya. Mulai dari teman sekolah yang sudah lama tidak berjumpa, sampai rekan satu kantor yang menjadikan grup ini sebagai pusat informasi. Ada saja obrolan yang dilakukan di grup itu, tak kenal waktu. Tentunya dari semua anggota yang ada, tidak semua mau untuk ikut terus berbincang dalam berbagai topik yang sedang diperbincangkan. Bagaiaman caranya Anda bisa tetap menjadi anggota dalam grup itu tapi tidak mau terganggu dengan hiruk pikuk di dalamnya. Ada beberapa cara untuk itu. Ini biasanya dilakukan agar aktivitas di luar grup tidak terganggu. TribunnewsBogor.
Read more

Cara Mengetahui Lokasi Teman Menggunakan BBM

Image
Menggunakan BBM untuk berbagi lokasi ke sesama teman BBM banyak manfaatnya. Salah satunya saat kita mudik. Baik para pengguna bus, sepeda motor, kendaraan pribadi, kereta api dll. Atau saat kita touring, takut tersesat karena tertinggal rombongan. Untuk memantau posisi teman menjadi sangat mudah karena ada fitur baru untuk share lokasi kita yaitu Glympse! Seperti yang dilangsir di forumdukungan.blackberry.com, Apa itu Glympse? Kerja aplikasi ini kurang lebih sama dengan "latitude", jadi ketika kita pengin sharing lokasi kita secara otomatis GPS akan melakukan pointing posisi kita pada Google map. Bedanya disini kita bisa menambahkan message, mengatur waktu berapa lama kita pada posisi itu dan menambahkan tujuan selanjutnya. Setelah semua selesai, kita bisa menge-share ini ke temen-temen kamu di Facebook, Twitter, dll... Namun pada BBM, aplikasi Glympse tertanam langsung pada BBM, bukan "standing alone" aplikasi. Cara kerja aplikasi ini cukup mudah sebenarnya, k
Read more