About Me

more information about me, visitmy web

Senin, 08 Maret 2010

Membuat halaman website dengan html.

Awal mula blog ini tertulis, datang dari niat hati yang tersirat rasa ingin berbagi. Hampir semua orang memiliki harapan untuk dapat memiliki halaman website sendiri, dan hal itu sudah bukan lah suatu yang mustahil di jaman sekarang ini. Pada blog saya ini, saya akan membahas bagaimana, membuat atau mengedit atau mendesain sebuah halaman website tampa perlu menggunakan banyak macam program, seperti csi, css, c++ dan lain sebagainya. Ini hanya sebuah trik logika yang hanya memerlukan kekuatan memory iq kita masing-masing. Untuk membuat sebuah halaman website, terlebih dahulu kita harus mengambarkan halaman tersebut secara semu di dalam pikiran kita. Bagaimana nantinya halaman website tersebut, apa saja isinya, dan bagaimana statistik kontennya.
Baiklah, langsung saja kita mulai ;
untuk membuat sebuah halaman html, yang anda lakukan tidaklah jauh berbeda dengan membuat sebuah halaman di dalam document sebuah program, seperti microsoft word, dan lain-lain. Tugas yang perlu anda lakukan adalah mengetik kode-kode html kedalam halaman anda. Sekarang, explore komputer anda, kemudian di menu my document, klik menu tersebut. Tambahkan satu folder dengan nama myweb di folder document tersebut. Ok.
Setelah selesai, save, kemudian kembali ke folder my document. Selanjutnya klik kanan didalam folder, klik new, notepad. Pada pembahasan kali ini kita cukup menggunakan notepad saja, biar gampang...!!
Ya gak..!!

Hehehehe........

Sebuah halaman html. Mempunyai dua struktur, yaitu :

  1. head
  2. mencakup keterangan tentang halaman website dan judul dari halaman website kita.
  3. Body
  4. tampilan halaman website.

diantara tag body lah dapat diisi dengan fitur-fitur tertentu, dan file-file yang kita suka dalam halaman website kita.
Baik lah, sekarang di halaman notepad yang telah anda buka, tulis tag <html> tag html sebagai jenis, atau ciri khas dari halaman html. Dan merupakan sebagai pembuka halaman. Tag ini Mempunyai pasangan penutup yaitu </html> yang di tulis di akhir sebuah halaman html. Dan isi dari kedua tag ini <html> isi </html> adalah tag head <head></head> dan body <body></body>.
Setelah menulis tag <html> selanjutnya kita akan membuat tag head. Dan kodenya <head> juga merupakan container atau mempunyai tag penutup. Dan diantara tag <head> dan penutup nya yaitu </head>, kita isi dengan judul dari halaman web kita. Jadi yang harus anda ketik adalah, seperti ini ;

<html>

<head>

</head>

</html>

Seperti yang telah kita bahas sebelumnya, bahwasanya tag head merupakan intisari atau rangkuman sebuah halaman web. Maka di dalam tag head kita akan mengisi tag judul. Yang merupakan judul dari halaman website kita. Kode Tags nya adalah <title>judul halaman</title>.

<html>

<head>

<title>judul halaman</title>

</head>

</html>

nah. Pembahasan pertama selesai. Sekarang kita akan membahas tags body yang merupakan unsur atau isi dari halaman web kita. Terlebih dahulu kita tambah tag <body></body> di halaman web kita.

<html>

<head>

<title>judul halaman</title>

</head>

<body>

</body>

</html>.
¤Membuat background halaman dengan warna, kode nya adalah : <body bgcolor="red"> </body> sedangkan untuk gambar background, upload/masukkan dulu gambar background yang kita kehendaki ke dalam file html myweb kita. Dan source code nya adalah <body background="gambar.jpg"></body>.
<html>
<head>
<title>judul halaman</title>
</head>
<body bgcolor="red">
</body></head>
¤membuat text berwarna dalam halaman, source kode nya <body bgcolor="red" text="blue">masuk kan teks disini</body>
setelah mengetikkan kode tersebut, selanjutnya klik file di toolbar, save page as. Ubah nama document, contoh home.htm. Rubah text categories, ke all files Kemudian di menu my document masukkan notepad yang akan kita save tadi ke dalam folder my web. Ok. Sekarang buka modzila firefox anda, klik file lalu open document yang telah anda buat tadi. Lihat lah hasil pertama anda !

untuk kah selanjut nya kita akan membahas tentang tag-tag yang di pakai di dalam body, juga merupakan tag penyusun halaman website kita.

Membuat teks



membuat teks dalam website hanya menggunakan tag <font></font> mengenai atribut nya, ada "face" = "digunakan untuk merubah jenis-jenis huruf", contoh :

<font face="arial">. adapun jenis-jenis huruf yang di pakai sama dengan jenis huruf yang di gunakan dalam pengetikan dalam micsrosof word, maupun exel.
"size" = "digunakan untuk merubah ukuran font/teks. ukuran dapat berupa angka 1 sampai dengan 100."
"color" = "digunakan untuk merubah warna-warna dalam teks, untuk jenis warna, bisa di sebutkan nama warna (dalam b.inggris) dalam tanda "". atau dapat di isi dengan kode-kode warna. dengan rumus #rrggbb.

teks

untuk pengetikan teks, sama saja dengan mengetikkan teks pada umumnya dalam microsoft word dan lain lain, hanya untuk pengetikan beberapa symbol yang akan mengalami perubahan.

Contoh :
  1. tanda < ditulis dengan teks "<" dengan diberi tanda ; diakhir teks.
  2. tanda > ditulis dengan teks 7quot;>" dengan diberi tanda ; di akhir teks.

Tidak ada komentar:

Posting Komentar