Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Mempelajari HTML(Hyper Text Markup Language) Untuk Pemula part. 3

hey hey sekarang kita lanjutkan pelajaran kita lagi yaitu mengenai HTML untuk pemula.Agenda kita kali ini adalah masih akan membahas tentang tag berikutnya yaitu tag head dan tag title(woelah sok sok agenda).
Oleh karena postingan ini masih berkaitan dengan postingan sebelumnya,alangkah baiknya jika anda membaca postingan sebelumnya yaitu Mempelajari HTML(Hyper Text Markup Language) Untuk Pemula part. 2 atau anda mulai membaca dari awal jika anda benar-benar tidak pernah membaca postingan ini sebelumnya.
Oke setelah anda membaca postingan-postingan sbelumnya,sekarang bukalah file website pertamaku.html yang telah kita bahas di postingan sebelumnya dengan menggunakan text editor apa saja yang anda suka,edit dan masukkan tag tag berikut ke dalam file website pertamaku.html tersebut :

<HTML>
<HEAD>
<TITLE></TITLE>
<HEAD></HEAD>
<BODY BGCOLOR="BLACK" TEXT="GREEN">
INI ADALAH HALAMAN WEB PERTAMAKU
</BODY>
</HTML>

Anda tahu apa yang beda?yak anda pintar :D
Di sana jelas terlihat bahwa kita telah menambahkan tag baru sebagaimana saya sebutkan di awal yaitu tag head dan tag title.Fungsi tag head adalah mengapit berbagai informasi dan fungsi yang berkaitan dengan halaman web kita,sedangkan tag title berfungsi untuk mengapit judul halaman website kita.Sekarang jika kita ingin memberikan halaman website kita judul maka yang harus kita lakukan adalah menulis judul halaman website kita di tengah-tengah tag title seperti ini :

<TITLE>HASIL KARYA PERTAMAKU</TITLE>

Sehingga jika kita ingin menggabungkannya dengan tag yang lain akan menjadi seperti ini :

<HTML>
<HEAD>
<TITLE>HASIL KARYA PERTAMAKU</TITLE>
</HEAD>
<BODY BGCOLOR="BLACK" TEXT="GREEN">
INI ADALAH HALAMAN WEB PERTAMAKU
</BODY>
</HTML>

simpan lagi file ini dengan menekan CTRL+S atau dengan mengklik FILE lalu Save,kemudian refresh browser yang sedang menampilkan file HTML yang kita  buat tadi dan lihatlah hasilnya :)
Sekian untuk kali ini,kita bertemu di tutorial selanjutnya ;)
19.30

Mempelajari HTML(Hyper Text Markup Language) Untuk Pemula part. 2

sekarang kita lanjutkan tutorial HTML khusus untuk newbie ini.

Di posting sebelumnya

Mempelajari HTML(Hyper Text Markup Language) Untuk Pemula part. 1 

kita telah membahas sampai tag body,tag body merupakan tempat dari isi sebuah web page,namun bukan berarti tag body berfungsi hanya sebagai penanda tubuh sebuah web.Dalam tag body kita dapat menyisipkan berbagai macam attribut yang dapat mempercantik web kita(kalo attributnya jelek lebih baik jangan ditambahkan,#okesippp)misalnya dalam hal latar belakang atau background kita perlu menyisipkannya ke dalam tag body.

Nah sekarang bukalah file website pertamaku.html

yang anda buat sebelumnya,bukalah dengan text editor apa saja yang ingin anda pakai.Disini kita akan mengganti background color dan text pada halaman web kita menjadi berwarna hitam dengan tulisan hijau,untuk itu kita perlu menambahkan attribut bgcolor dan text ke dalam tag body seperti berikut ini :

<HTML>

<BODY BGCOLOR="BLACK" TEXT="GREEN">

INI ADALAH HALAMAN WEB PERTAMAKU

</BODY>

</HTML>

Setelah itu simpanlah file yang sudah anda rubah tersebut dengan menekan tombol kombinasi keyboard ctrl+s atau dengan mengklik file lalu save.

Perubahan yang anda lakukan pada dokument HTML yang anda buat tersebut akan nampak setelah anda merefresh/menekan F5 pada browser browser yang sedang menampilkan dokument html anda tersebut.

dalam menentukan warna pada HTML anda dapat menggunakan nama warna dalam bahasa inggris namun juga dapat dengan kode warna.berikut beberapa kode warna yang sering dipakai dalam pembuatan HTML :

code warna html,klik gambar untuk memperbesar

 Dengan menggunakan kode warna HTML variasi warna yang di dapat akan lebih beragam dan tentunya memanjakan mata,tapi jangan terlalu banyak warna,nanti maunya keliatan keren malah jadi norak rupanya :D

sekian tutorial kali ini,kita lanjutkan di tutorial berikutnya :)

19.43

Mempelajari HTML(Hyper Text Markup Language) Untuk Pemula part. 1

apakah anda pernah bermimpi untuk suatu saat nanti bisa membuat website sendiri?tidak hanya bisa membuka dan menikmati tulisan orang lain tapi anda juga ingin memiliki website dan aktif dalam dunia menulis ini,untuk para netter yang gemar menulis mungkin pikiran ini pernah terlintas di otak anda atau bahkan sering.jika anda belum yakin untuk rajin menulis posting atau tidak punya uang lebih untuk membeli domain  seperti saya(ahahahahahahahaha maklum gw blogger kere :D) anda bisa berlatih dahulu dengan blog gratisan seperti yang saya lakukan sekarang ini(hahahahaahahahaha lagi,padahal gak lucu :|) sebelum anda membuat website dengan domain premium.untuk membuat sebuah website ada beberapa tahapan yang harus dilalui,salah satu yang terpenting adalah anda harus memahami HTML(hyper text markup language),HTML merupakan bahasa pemrograman website yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser,jadi kesimpulannya adalah mau domain gratis atau domain premium anda tetap harus memahami HTML,karena internet terdiri dari kode-kode HTML dan internetlah yang menjadi dunia anda nantinya.Nah sekarang mari kita  belajar bahasa HTML mulai dari awal(iya awal banget -__-)

1. PENGENALAN HTML

Sebenarnya anda dapat membuat membuat halam web tanpa mengerti kode HTML sama sekali dengan software WYSIWYG(gak tau deh apa kepanjangannya,lupa gw) seperti Microsoft frontpage,Adobe PageMill dan kawan kawan,namun sangat disarankan untuk anda mengerti bahasa HTML.HTML sendiri merupakan bahasa pemrograman website yang ditulis dengan kode-kode tertentu yang disebut tag dan dalam format dokumen namun dapat digunakan dalam web.Untuk membuat dokumen HTML cukup anda ganti ekstensi filenya menjadi *.html atau *.htm pada saat akan menyimpan kode HTML yang anda buat.Oleh karena HTML juga termasuk dokumen maka anda dapat membuatnya dengan memanfaatkan semua program text editor,baik itu gedit(Linux),notepad,wordpad ataupun ms.word.

2. MULAI BELAJAR YUK!!

Berikut ini adalah tag awal dari HTML ,bukalah text editor anda,terserah anda mau make yang mana ,terserah juga mau make huruf kecil atau huruf besar karena hasilnya akan sama saja yang penting anda menulis tag yang benar ,satu tag salah akan berpengaruh pada dokument HTML anda bahkan dapat membuat dokument HTML anda tidak bisa di tampilkan,mari kita pelajari tag demi tag HTML satu persatu  :

ini adalah tag pertama HTML

<HTML>
</HTML>
ini adalah tag selanjutnya
<BODY>
</BODY>
dan jika digabungkan keduanya maka akan menjadi seperti ini :

<HTML>
<BODY>
</BODY>
</HTML>

perlu anda ketahui bahwa isi sesungguhnya dari dokument HTML adalah yang berada di tengah tag <BODY>,sekarang coba anda tulis seperti yang saya tulis ini :

<HTML>
<BODY>
INI ADALAH HALAMAN WEB PERTAMAKU
</BODY>
<HTML>

nah sekarang simpanlah dokument HTML yang anda buat dengan nama website pertamaku.html
janga lupa ganti save as type-nya dengan All Files dan bukalah dokument yang tadi anda buat dengan browser kesukaan anda,lihatlah hasil karya anda yang pertama :)
17.44
Langganan: Postingan (RSS)