Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

9/09/2010

HTML Fundamental VI

Ketemu lagi di artikel tentang HTML Fundamental, terakhir posting artikel tentang CSS, sekarang baru bisa posting tentang HTML lagi. Seperti biasa, jika anda baru membaca di blog saya, saya sarankan dan persilahkan untuk mengikuti tutorial sebelumnya, dan ini linknya HTML Fundamental I, HTML Fundamental II, HTML Fundamental III, HTML Fundamental VI, HTML Fundamental V
Sekarang kita mulai tutorial ini. Setelah membahas tentang  Font dan atribut-atributnya sekarang kita akan membahas untuk pengurutan daftar item atau list pada HTML.

8/24/2010

CSS Fundamental I

Hai, ketemu lagi tetapi Tutorial yang berbeda yaitu CSS Fundamental, o ya, sebelum Tutorial saya lanjutkan saya ingin mengucapkan Selamat Menjalankan Puasa Ramadhan 1413 H bagi yang menjalankan.
Disini saya ingin bersama-sama belajar tentang CSS. Apa itu CSS?Makanan ato Robots ato Manusia?Bisa digunakan untuk apa? hehehe..
Pertanyaan itu akan saya coba jawab disini beserta implementasinya, tetapi seperti Tutorial HTML Tutorial CSS ini akan berseri (kayak komik aja ya).

8/19/2010

HTML Fundamental V

Udah lama gak posting dikarenakan kesibukan pekerjaan sehari-hari. Pagi ini mencoba posting lagi tentang HTML Fundamental, semoga gak bosen dan bisa bermanfaat :D. Oh ya, sebelum membaca lebih lanjut silahkan membaca Tutorial tentang HTML seri sebelumnya, HTML Fundamental I, HTML Fundamental II, HTML Fundamental III dan ini posting saya yang paling terakhir yakni HTML Fundamental IV
Kita langsung mulai aja sekarang. Tutorial ini saya teruskan dari posting saya kemaren tentang mengatur kutipan dan menyeragamkan alamat, dan membahas tentang penggunaan font. 
Menentukan Font
Posisi font pada website bisa dikatakan penting dikarenakan penggunaan pada artikel agar terlihat lebih jelas dan menarik, anda tidak mau kan pra pengunjung website anda kesulitan membaca artikel anda dikarenakan penempatan font anda salah.
Untuk menentukan jenis font anda dapat menggunakan atribut Face. Contoh implementasinya :

7/18/2010

HTML Fundamental IV

Kita ketemu lagi Tutorial tentang HTML, kali ini saya akan membahas lanjutan dari Tutorial Seri III, dan  bagi anda yang belum membaca dari awal saya sarankan baca dulu Tutorial Seri I dan Tutorial Seri II. Ok, sekarang kita langsung mulai aja Tutorialnya.. :D


Mengatur Kutipan Yang Panjang
Suatu kutipan yang panjang dapat diletakkan dalam dokumen dengan menempatkannya dalam tag <blockquote>..</blockquote>. Berbeda dengan tag <pre>, tag <blockquote> tidak menambahkan karakter pindah baris dalam teks. Dengan demikian teks akan ditampilkan dengan disesuaikan dengan ruang yang tersedia. Selain itu, <blockquote> akan membuat kutipan diletakkan sedikit menjorok ke kanan dan teks bisa mengandung kode HTML. Sebagai contoh perhatikan kode dibawah ini :

7/14/2010

HTML Fundamental III


Mengatur Teks
- Mengatur teks secara fisik
Hi, kita ketemu lagi pada Tutorial HTML, sekarang kita menginjak pada Tutorial HTML yang ke3, bagi anda yang baru membaca ini saya sarankan untuk membaca Tutorial HTML Fundamental I dan Tutorial HTML Fundamental II ini sebelum membaca Tutorial ini seluruhnya. Sekarang kita mulai Tutorial ini. HTML menyediakan sejumlah tag yang berguna untuk mengatur bentuk teks secara fisik, dengan tag-tag ini antara lain bisa membuat teks tebal, miring, bergaris bawah, dan sebagainya.
Contoh tag-tag itu adalah sebagai berikut :
<html>
<head>

<title>Membentuk teks secara fisik</title>
</head>

<body>
<small:>Teks dengan Tag SMALL</small><br>
Teks dengan ukuran normal
<br> 
<big>Teks dengan ukuran Tag BIG</big><br> 
<hr>
Teks Normal
<br> 
<b>Teks dengan Tag B</b><br> 
<i>Teks dengan Tag I<perih><br>
Normal<sub>Teks dengan Tag SUB</sub><br>
Normal<sup>Teks dengan Tag SUP</sup><br> 
<tt>sofa teks dengan Tag TT</tt><br> 
<u>Teks dengan Teks U</u><br>
<u><b><i>Bergaris Bawah, Tebal, Miring</u></b></i>
</body>
</html> 

7/09/2010

HTML Fundamental II

Dasar-Dasar HTML
-  Menggunakan Tag <P>

Tag P <P> berguna untuk membuat sebuah paragraph, tetapi sebelum juragan atau ndoro membaca lebih jauh, untuk awalnya saya sarankan membaca Tutorial HTML Fundamental I. Sebagai contoh silahkan perhatikan kode berikut ini :

<html>
<head>
<title>Contoh Paragraf</title>
</head>
<body>
Aku Lagi Buat Tutorial HTML<p>
Tutorial sedang dalam proses pembuatan menggunakan word prosesor<br>
dan akan di konversi kedalam pdf agar file tetap aman dan tidak rusak<br>
setelah itu akan didistribusikan dengan gratis dengan beberapa syarat<br>
dengan mencantumkan nama pembuat atau pendistribusi<br>
</body>
</html>
Setelah kode dibuat maka simpan dengan ekstensi htm/html di root webserver anda. Setelah disimpan silahkan buka IE atau Firefox anda dan ketikkan localhost/namafile.htm pada address bar browser yang anda gunakan dan silahkan lihat hasilnya, jika hasilnya seperti gambar di bawah ini berarti anda telah berhasil memasukkan kodenya.

6/20/2010

HTML Fundamental (Tutorial 1)

Ini adalah tutorial HTML pertama jadi kupikir apa yang lebih baik dari standar "Hello World". Jika Anda baru untuk HTML saya akan bercerita sedikit tentang hal itu. HTML singkatan Hyper Teks Markup Language dan merupakan cara untuk menampilkan dan item format di browser web Anda. HTML adalah bahasa yang sangat sederhana untuk belajar dan Anda dapat memiliki banyak menyenangkan dengannya. Kemudian saya berencana untuk menambahkan lebih maju HTML / XHTML dan CSS tutorial untuk Anda periksa.
Hal terbaik tentang HTML adalah bahwa Anda tidak memerlukan alat khusus untuk memulai coding. Ada perangkat lunak yang tersedia yang akan membuat Anda mudah coding dengan menambahkan kode warna untuk kode Anda misalnya. Sungguh semua yang Anda butuhkan adalah sebuah editor teks (seperti Notepad pada Windows) dan web browser (Firefox, Opera, atau IE jika Anda harus). Hanya menulis code di notepad dan menyimpan file dengan HTML. Atau ekstensi htm, kemudian klik dua kali untuk melihatnya di browser anda.