tutorial web dasar: 2015

Rabu, 22 April 2015

HTML Table (3) : Rowspan dan Colspan pada tabel

Rowspan merupakan attribute dari tag <td> yang digunakan untuk menggabungkan antara kolom yang memiliki baris berbeda. Contoh penggunaan attribute :

Colspan merupakan attribute dari tag <td> yang digunakan untuk menggabungkan kolom dengan kolom lainnya pada baris yang sama. Contoh penggunaan attribute :

Baca selengkapnya »

HTML Table (2) : Pembuatan tabel

Pada artikel sebelumnya kita sudah membahas mengenai dasar tabel seperti bagaimana struktur tabel, apa perbedaan baris dan kolom, dll. sekarang kita akan mencoba membuat tabel dengan HTML.

Contoh : Tabel.html

Baca selengkapnya »

Senin, 20 April 2015

HTML Table (1) : Pengenalan dan struktur dasar tabel

Tabel biasanya digunakan untuk menyajikan sebuah data pada halaman web. Tabel di definisikan dengan tag <Table> dan memiliki tutup tag. Table terdiri dari sebuah baris dan kolom, Sebelumnya kita perlu mengetahui perbedaan baris dan kolom.

Baca selengkapnya »

HTML Link

Html menyediakan tag yang dapat mengarahkan kita pada halaman lain yakni dengan mengklik suatu teks atau gambar yang sudah diberi tag link. Tag link di definisikan dengan <a>…</a>. untuk menentukan arah tujuan link maka tag <a> memerlukan attribute href untuk menentukan tujuan halaman web.

Baca selengkapnya »

HTML Image (3) : Mengatur perataan (alignment) pada gambar

Html dapat mengatur perataan gambar. mungkin anda pernah melihat artikel sebuah Koran dimana gambar terdapat di bagian kiri dan tulisan yang menjelaskan gambar tersebut berada di bagian kanan. Seperti itulah fungsi perataan gambar. Untuk melakukan itu semua kita kita memerlukan attribute align yang sebelumnya sudah pernah kita bahas pada bagian paragraf. Kita akan ulas align kembali pada tag image pada html.

Baca selengkapnya »

HTML Image (2) : Mengatur ukuran gambar

Html menyediakan attribute width untuk mengatur lebar dan height untuk mengatur tinggi gambar.

Contoh : imagesize.html

<html>
<head>
<title>HTML Image Size</title>
</head>
<body>
<img src="Desert.jpg" width="300">
</body>
</html>

Baca selengkapnya »

HTML Image (1) : Memasukan gambar pada halaman web

Html menyediakan tag yang dapat memasukan gambar pada halaman web. Tag tersebut di definisikan dengan <img>. untuk memasukan gambar ke dalam halaman web, kita perlu mengetahui ekstensi dan lokasi gambar tersebut. Maka dalam tag image perlu di beri attribute src seperti berikut :

Baca selengkapnya »

HTML Font : Mengatur jenis, ukuran, warna pada font

Font digunakan untuk memodifikasi sebuah font (jenis huruf yang digunakan pada teks) seperti :

tipe font (dapat berupa arial, Calibri, dll.) ukuran font, warna font. Font di definisikan dengan tag .. . tanpa suatu attribute, tag font tidak memiliki arti apa apa. Jadi tag font perlu diberi attribute, adapun attribute font yang biasa digunakan adalah sebagai berikut :

Baca selengkapnya »

Horizontal rule and break

Horizontal rule digunakan untuk membuat garis pemisah secara vertical. tag di definisikan dengan <hr> dan tidak memiliki tutup tag.

Break digunakan untuk membuat baris baru seperti enter pada keyboard. Tag di definisan dengan dan tidak memiliki tutup tag.

Heading

Heading digunakan untuk membuat suatu judul pada dokumen HTML seperti judul artikel, judul pada suatu widget, dll. heading didefinisikan dengan tag <h1> sampai <h6> , tag heading memiliki tag akhir / penutup.

Baca selengkapnya »

Membuat sebuah paragraf pada HTML

Html menyediakan tag yang dapat membuat paragraf, agar penyajian suatu teks dalam website terlihat lebih rapih. Biasanya tag paragraf digunakan pada penyajian artikel seperti berita. Tag paragraf di definisikan dengan dan merupakan tag yang memiliki tutup tag / tag akhir.

Baca selengkapnya »

Text Formatting pada HTML

Text Formatting di gunakan untuk mendefinisikan makna suatu text, misalnya kata yang penting perlu di beri huruf tebal atau garis bawah. Berikut merupakan tag dari text formatting pada elemen HTML :

.. (mencetak huruf tebal).
.. (mencetak huruf miring).
.. (membuat garis bawah).
.. (membuat huruf kecil).
.. (membuat efek block pada teks seperti stabilo).
<del>..</del> (membuat efek coret pada teks).
.. (membuat huruf menjadi kecil dan terletak di atas akhir kata).
.. (membuat huruf menjadi kecil dan terletak di bawah akhir kata).

Baca selengkapnya »

Menjalankan kode HTML

Pada penulisan kode kali ini, penulis mencoba menggunakan teks editor dasar yaitu notepad. Jika ingin membuat suatu dokumen HTML maka kita harus memasukan struktur HTML seperti yang sudah kita pelajari sebelumnya.

Baca selengkapnya »

Beberapa Software untuk menulis kode HTML

Berikut merupakan beberapa software yang dapat digunakan untuk menulis kode HTML sebagai referensi anda dalam belajar HTML.

Notepad
Notepad ++
Phpdesigner
Adobe Dreamweaver
Sublime
Edit Plus

Baca selengkapnya »

Kamis, 16 April 2015

Pengertian Tag, Element, dan Attribute pada HTML

Tag

Merupakan suatu fungsi yang dapat merubah makna suatu konten atau isi, misalnya suatu kata ingin diberi garis bawah. Format penulisan tag :

Contoh : Mudah belajar HTML

Catatan : jangan lupa menutup suatu tag dengan tag akhiran, jika tidak maka browser tidak dapat membaca fungsi yang diberikan pada tag tertentu. Cara termudah agar tidak lupa menutup tag adalah setelah anda memberikan tag awal langsung tulis beserta tag akhir kemudian berikan isi.

Baca selengkapnya »

Rabu, 15 April 2015

HTML Dasar : Pengertian dan Struktur HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa yang digunakan untuk membuat halaman website, segala informasi yang ada dalam halaman website di buat menggunakan HTML, contoh : Membuat paragraf berita, Membuat form pendaftaran, dll.

Baca selengkapnya »