blog.solowebspace.com » Tutorial HTML Pemula http://blog.solowebspace.com blog seo onlline business notes Mon, 25 Jul 2011 15:43:57 +0000 en hourly 1 Kumpulan Kode Warna HTML http://blog.solowebspace.com/kumpulan-kode-warna-html.html http://blog.solowebspace.com/kumpulan-kode-warna-html.html#comments Wed, 02 Feb 2011 15:06:16 +0000 admin http://blog.solowebspace.com/?p=1476 Kode Warna HTML

Dalam mendesain sebuah website atau blog, hampir tidak bisa dilepaskan dari apa yang namanya warna, walau memang kadang kita jumpai sebuah blog / website hanya berupa putih dan hitam saja, meski dalam bahasa website HTML putih dan hitam pun juga disebut warna.

Dalam bahasa HTML warna-warna mempunyai kode sendiri sendiri misal #FFFFFF untuk warna putih, #000000 untuk warna hitam dan masih banyak lagi lainnnya. Namun sepertinya kita mustahil untuk mengingat satu persatu kode warna HTML tersebut. Nah untuk mempermudah anda dalam mengingat kode warna, berikut saya berikan beberapa kode warna html yang sering dipakai dalam membuat website dan atau blog.

Kode warna HTML

search terms tagging
]]> http://blog.solowebspace.com/kumpulan-kode-warna-html.html/feed 0 Kumpulan Tag HTML http://blog.solowebspace.com/kumpulan-tag-html.html http://blog.solowebspace.com/kumpulan-tag-html.html#comments Mon, 01 Mar 2010 14:49:55 +0000 admin http://blog.solowebspace.com/?p=158 dibawah ini adalah beberapa kumpulan tag yang sering dipakai dapam HTML, untuk tag yang lain dapat anda cari sendiri dari berbagai sumber.

<!–    –>

 Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

<a href>

 Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

<a name>

 Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

<applet>

 Sebagai awal dari Java applets

<area>

 Mendefinisikan daerah yang dapat diklik (link) pada image map

<b>

 Membuat teks tebal

<basefont>

 Membuat atribut teks default seperti jenis, ukuran dan warna font

<bgsound>

 Memberi (suara latar) background sound pada halaman web

<big>

 Memperbesar ukuran teks sebesar satu point dari defaultnya

<blink>

 Membuat teks berkedip

<body>

 Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link

<br>

 Pindah baris

<caption>

 Membuat caption pada tabel

<center>

 Untuk perataan tengah terhadap teks atau gambar

<comment>

 Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

<dd>

 Indents teks

<div>

 Represents different sections of text.

<embed>

 Menambahkan sound or file avi ke halaman web

<fn>

 Seperti tag <a name>

<font>

 Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

<form>

 Mendefinisikan input form

<frame>

 Mendefinisikan frame

<frameset>

 Mendefinisikan attribut halaman yang akan menggunakan frame

<h1> … <h6>

 Ukuran font

<head>

 Mendefinisikan head document.

<hr>

 Membuat garis horizontal

<html>

 Bararti dokumen html

<i>

 Membuat teks miring

<img>

 Image, imagemap atau an animation

<input>

 Mendefinisikan input field pada form

<li>

 Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )

<map>

 Mendefinisikan client-side map

<marquee>

 Membuat scrolling teks (teks berjalan) – hanya pada MS IE

<nobr>

 Mencegah ganti baris pada teks atau images

<noframes>

 Jika browser user tidak mendukung frame

<ol>

 Mendefinisikan awal dan akhir list

<p>

 Ganti paragraf

<pre>

 Membuat teks dengan ukuran huruf yg sama

<script>

 Mendefinisikan awal script

<table>

 Membuat tabel

<td>

 Kolom pada tabel

<title>

 Mendefinisikan title

<tr>

 Baris pada tabel

<u>

 Membuat teks bergaris bawah
search terms tagging
]]> http://blog.solowebspace.com/kumpulan-tag-html.html/feed 2 Jenis Tag HTML http://blog.solowebspace.com/jenis-tag-html.html http://blog.solowebspace.com/jenis-tag-html.html#comments Sun, 28 Feb 2010 10:55:10 +0000 admin http://blog.solowebspace.com/?p=149 Tag dalam HTML secara garis besarnya dapat dibedakan menjadi dua yaitu Containers dan stand alone Tag.
Containers adalah jenis tag HTML yang cara penulisannya dengan cara berpasangan, atau mempunyai teg pembuka dan penutup tag. Cara penulisannya adalah <tag>…..</tag>. contoh tag containers antara lain :
<body> … </body>
<b … </b>
<i> … </i>
dan sebagainya.

Standalone tag adalah tag yang bisa berdiri sendiri tanpa perlu mempunyai tag penutup. Tag tersebut biasanya hanya berfungi menempatkan sebuah elemen pada halam website. contoh dari tag stand alone diantaranya :
<img> untuk menampilkan gambar
<br> untuk memberi jarak antar teks ( vertikal)
<hr> untuk membuat garis
dan lain sebagainya.

selain kedua jenisa tag tersebut diatas HTML juga mengenal beberapa tag lain yaitu :

Atribut
berfungi menambahkan nilai tertentu pada sebuah script HTML. Cara penulisan atribut berada di dalam Tag Pembuka (Containers). beberapa contoh tag atribut dan penulisannya antara lain
<font color=”red”> Selamat Datang </font>
atribut color disisipkan diantara tag <font> dan </font>
contoh lain
<a href=”http://google.com/ target=”_blank”>KLik disini menuju ke Google </a>
atribut target disipkan diantara <a> dan </a>

HTML entity
HTML entity adalah sebuah kode atau script khusus untuk menuliskan karakter khusus (special character) ke dalam website.
contoh HTML Entity antara lain
spasi,
ini adalah contoh       spasi banyak
dalam membuat sebuah tulisan di dalam website dengan spasil lebih dari satu anda tidak bisa menekan spasi berulang-ulang untuk membuat jarak, ada kode tertentu yang bisa dituliskan diantara kata contoh dan spasi diatas yaitu &nbsp
&nbsp berfungsi membuat satu spasi dalam penulisan website dengan HTML
sehingga penulisan kalimat contoh diatas menjadi
ini adalah contoh &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp spasi banyak.
selain spasi contoh karakter lainnya diantaranya :
&quot;  = ”
&amp;   = &
dan lain sebagainya.
Anda bisa mencoba mencari tag tag yang lain di Internet yang banyak sekali jumlahnya untuk anda praktekkan.

search terms tagging
]]> http://blog.solowebspace.com/jenis-tag-html.html/feed 0 HTML dasar http://blog.solowebspace.com/html-dasar.html http://blog.solowebspace.com/html-dasar.html#comments Wed, 24 Feb 2010 13:25:59 +0000 admin http://blog.solowebspace.com/?p=114 Hyper Text Markup Language atau yang lebih sering disingkat HTML adalah sebuah bahasa dasar yang dapat digunakan untuk membuat tulisan maupun design di halaman web dan juga blog.
Disarankan untuk pemula yang sedang belajar web design atau blog untuk sedikit menguasai bahasai dasar ini.
ciri-cirinya bahasa HTML yaitu dimulai dengan <html> dan diakhiri dengan </html>

Struktur dasar file HTML yaitu

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

untuk percobaan sebagia bahan pembelajaran coba buat script seperti dibawah ini di text editor ( notepad dan sejenisnya)

<head>
<title>Latihan Membuat Website</title>
</head>
<body>
<b>Selamat datang</b><br>
ini adalah percobaan membuat halaman web dengan html
</body>
</html>

script dasar diatas sudah menggunakan beberapa tag-tag dasar HTML diantaranya :

lalu save as dengan jenis all files dengan nama misal latihan.html
setelah itu jalankan file tersebut di browser anda dan lihat hasilnya.
<b> </b> yang artinya huruf tebal
<br> ganti baris
untuk jenis dan kumpulan tag yang lain akan coba saya tulis dalam postingan berikutnya.

search terms tagging
]]> http://blog.solowebspace.com/html-dasar.html/feed 0