Ayo Belajar Website » html page http://www.ayobelajarwebsite.com Untuk Pemula yang ingin belajar membuat website Thu, 01 Oct 2009 22:14:56 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Yang tidak berpengaruh di html http://www.ayobelajarwebsite.com/yang-tidak-berpengaruh-di-html/ http://www.ayobelajarwebsite.com/yang-tidak-berpengaruh-di-html/#comments Thu, 01 Oct 2009 22:11:29 +0000 aviqa http://www.ayobelajarwebsite.com/?p=52 Pada program pembuat halaman web seperti Frontpage, dan Dreamweaver, kode HTML bisa kita lihat dengan cara masuk ke bagian “html view. Kode-kode HTML bisa diedit di program notepad. Dalam mengedit kode HTML di halaman “code view”, perlu diketahui ada cara penulisan tertentu yang tidak berpengaruh terhadap hasilnya.

Hal-hal yang tidak terpengaruh [...]]]> Yang tidak mempengaruhi tampilan di HTML

Pada program pembuat halaman web seperti Frontpage, dan Dreamweaver, kode HTML bisa kita lihat dengan cara masuk ke bagian “html view. Kode-kode HTML bisa diedit di program notepad. Dalam mengedit kode HTML di halaman “code view”, perlu diketahui ada cara penulisan tertentu yang tidak berpengaruh terhadap hasilnya.

Hal-hal yang tidak terpengaruh terhadap tampilan di halaman web, adalah :

1.HURUF KAPITAL atau huruf kecil sama saja

  • <P> atau <p> hasilnya sama saja
  • <Br> atau <br> atau <bR> hasilnya sama saja

2. Spasi atau tabulasi atau enter sebanyak apapun, tidak ada artinya.

  • <p>bunga mawar indah </p>
  • <p>bunga             mawar              indah</p>

Hasilnya sama saja.

Bagaimana agar hasilnya beda? Kita harus menggunakan kode HTML tertentu.

Kode &nbsp; Itu adalah kode HTML untuk membuat spasi. Bila kita ingin membuat jarak 10 spasi di antara kedua kata misalnya, maka tempatkan 10 kode di atas di antara kedua kata tersebut. Contoh :

bungamawar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;indah menjadi :

bungamawar       indah ada lima spasi diantara kata tersebut.

Dapatkan informasi lain mengenai link gambar dan link email dengan menggunakan kode HTML

]]> http://www.ayobelajarwebsite.com/yang-tidak-berpengaruh-di-html/feed/ 0 Tag penutup http://www.ayobelajarwebsite.com/tag-penutup/ http://www.ayobelajarwebsite.com/tag-penutup/#comments Thu, 01 Oct 2009 22:04:28 +0000 aviqa http://www.ayobelajarwebsite.com/?p=49 Kode HTML yang tidak memerlukan tag penutup

Hampir semua tag di kode HTML memakai tag penutup, tapi ada beberapa tag yang tidak perlu tag penutup, di antaranya adalah :

<br> tag untuk pergantian baris <p> tag untuk pergantian paragraph

Biar lebih jelas lebih baik langsung lihat contohnya saja :

<html>

<head>

<title>Ayo belajar website</title>

</head>

<body>

Ayobelajarwebsite adalah tempat bagi pemula yang ingin belajar membuat [...]]]> Kode HTML yang tidak memerlukan tag penutup

Hampir semua tag di kode HTML memakai tag penutup, tapi ada beberapa tag yang tidak perlu tag penutup, di antaranya adalah :

  • <br> tag untuk pergantian baris
  • <p> tag untuk pergantian paragraph

Biar lebih jelas lebih baik langsung lihat contohnya saja :

<html>

<head>

<title>Ayo belajar website</title>

</head>

<body>

Ayobelajarwebsite adalah tempat bagi pemula yang ingin belajar membuat website.<br>Membuat website itu mudah, yang penting kita mau belajar dan rajin latihan. <br> Dimana ada kemauan disitu pasti ada jalan.

<p>Ilmu teknologi berkembang sangat pesat, jangan sampai kita ketinggalan. <br>Walaupun kita bukan ahli, ya ..paling tidak kita mengerti.

<p>Kalau kita bisa memadukan ilmu dan teknologi, dengan mudah masa depan dapat kita raih.

</body>

</html>

Hasil :

Ayo belajar website

Ayo belajar website adalah tempat bagi pemula yang ingin belajar membuat website.

Membuat website itu mudah, yang penting kita mau belajar dan rajin latihan. Dimana ada kemauan disitu pasti ada jalan.

Ilmu teknologi berkembang sangat pesat, jangan sampai kita ketinggalan. Walaupun kita bukan ahli, ya ..paling tidak kita mengerti

Kalau kita bisa memadukan ilmu dan teknologi, dengan mudah masa depan dapat kita raih.

Dapatkan informasi lain mengenai link gambar dan link email dengan menggunakan kode HTML

]]> http://www.ayobelajarwebsite.com/tag-penutup/feed/ 0 Kode dasar html http://www.ayobelajarwebsite.com/kode-dasar-html/ http://www.ayobelajarwebsite.com/kode-dasar-html/#comments Thu, 01 Oct 2009 20:58:38 +0000 aviqa http://www.ayobelajarwebsite.com/?p=37 Langkah pertama bagi Anda yang ingin memiliki website sendiri adalah belajar HTML. Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

Belajar HTML

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). HTML adalah suatu standar bahasa program yang digunakan untuk membuat sebuah [...]]]> Kode Dasar HTML

Langkah pertama bagi Anda yang ingin memiliki website sendiri adalah belajar HTML. Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

Belajar HTML

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). HTML adalah suatu standar bahasa program yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas.

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.

Ini dia kode-kode dasar tersebut:

1.   <html>     </html>

2.   <head>    </head>

3.   <title>     </title>

4.   <body>   </body>

Agar lebih jelas akan saya jelaskan satu per satu, berikut penjelasannya:

1. <html> adalah kode yang terdapat di bagian atas halaman web. Tag penutup dari <html> adalah </html>

2. <head> Semua kode yang diletakkan di antara tag <head> dan </head> tidak akan terlihat di halaman web. Di bagian Head ini, kita bisa melakukan berbagai macam pengaturan, seperti:

- meletakkan kode javascript

- meletakkan kode css

- meletakkan meta tag

- dan lain-lain

3. <title> adalah tag untuk meletakkan Judul halaman web. Ingat, judul halaman web tidak sama dengan nama file.

4. <body> adalah tempat dimana pengunjung dapat melihatnya. Apa saja yang ingin kita sampaikan ke pengunjung disinilah tempatnya. Kalau kode-kode yang lain pengunjung tidak dapat melihatnya.

Rumus penting di dalam kode HTML:

Dalam pembuatan kode HTML, berlaku rumus “first come, last out”.

Maksudnya, kode yang pertama kali dimasukkan, maka dia harus terakhir kali ditulis.

Membuat huruf tebal, miring, bergaris bawah, dan efek dicoret

1.<b> adalah kode untuk membuat huruf tebal

==>> sekarang ada yang baru, membuat huruf tebal disarankan pakai tag <strong>

2. <i> adalah kode untuk membuat huruf miring

==>> sekarang ada yang baru, membuat huruf miring disarankan pakai tag </em>

3. <u> untuk membuat huruf bergaris bawah

4. <strike> untuk membuat huruf dengan efek dicoret

Misalkan kita hendak membuat huruf miring sekaligus tebal

Cara Yang Benar :

<b><i> ini huruf miring dan tebal <i><b>

atau:

<i><b> ini huruf miring dan tebal <b><i>

Cara Yang Salah :

<b><i> ini huruf miring dan tebal <b><i>

yang ini juga salah:

<i><b> ini huruf miring dan tebal <i><b>

Ingat !!!

Semua kode ini diletakkan di antara tag <body> dan </body>.

Kenapa? Sebab format huruf ini akan terlihat oleh pengunjung di halaman web kita nantinya.

Semua kode ini harus pakai tag penutup. Bila tidak ada tag penutup, maka halaman web akan kacau.

Bila anda menggunakan lebih dari satu tag, ingatlah selalu rumus:

“first come, last out”

Pelajari juga bagaimana cara membuat table dan hyperlink di Frontpage

]]> http://www.ayobelajarwebsite.com/kode-dasar-html/feed/ 0