Saturday, November 24, 2012

membuat web HTML sederhana menggunakan notepad

8:41 AM    49 comments

ini hasil iseng mencari data yang pernah di buat ya toterial web sederhana in saya temukam ,file ini adalah file yang saya buat waktu tingkat satu semester 2 gunadarama dan tugas ini adalah tugas yang di berikan asisten lab internet dasar tigasnya dalam membuat tampilan web sederhana menggunakan file .sebenarnya saya membuat documen ini adalah sebagai contekan tapi bukan deh saya hanya ingin berbagi terhadapa teman saya kalian bisa mendownload documen itu di scribde saya atau berikut akan saya tulis kan di posting kali ini selamat mencoba :)

yang diperlukan :
·         Notepad
·         Stok lagu<biar ga bt liat koding>
·         Kopi<suka ngantuk kalo liat html>
·         Buat file bauat menyimpan semua data save web ini beri nama belajar Html atau apa dah
Langkah pertama buat file html di notpad ada empat beri nama satu,kedua,ketiga,keempat
Nah sekarang kita buat file satu dulu tapi sebelum lu copy koding ini ada berapa hal yang harus lu ubah ikutin petunjuk gue
Warna merah :itu nama web tab web lu contoh facebook.com nah kalo gue ka randika zoits kalo lo seterah
Warna hijau : itu bacground web lu lu bisa cari gambar di google atau di data lu taro atau save di file web profil terus namanya samain nama foto sama nama di note pad contoh nama foto gue saya di koding bawah gue tulis saya.jpg juga kan
Warna kuning :itu jenis ma warna font tulisan nah gue kan tulisan di web hello world kalo lo bebas mau asalam mualaikum,selamat menikmati apake
Warna orange :itu nama gue di web jangan di ikutin lu bisa bikin nama kan nama gue dah gue adain yasinan jadi jangan di pake hehe
Warna Ungu liat web gue ada photo gue kan di isi home kalo lue mau pake photo lu tinggallu ubah randika. Jpg jadi nama photo lu misal udin.jpg

Sekarang lu copy dulu htmlnya jangan ngetik cape hehe
<html>
<head>
<title>randika zoits</title>
</head>
<body background=saya.jpg>
                <font size=1 face=tahoma color=green>HELLO WORLD!!</font>
                <hr size=1 width=150 align=left>
                <font size=7 face=verdana color=#ffffcc<b>RANDIKA ZO.IT'S</b></font>
                <hr size=5 align=center noshade>

<hr>
                |<a href=satu.html>H O M E</a>
                |<a href=kedua.html>H O B I</a>
                |<a href=ketiga.html>PENDIDIKAN</a>
                |<a href=keempat.html>social networking</a>|
<hr><p>
                <center><img src="randika.jpg">
</body>
</html>
save file namenya beri nama satu.html
kalo dah ke save
file new
selanjutnya lu buat file kedua
ikutin petunjuk gue lagi
Warna merah :itu nama web tab web lu contoh facebook.com nah kalo gue ka randika zoits kalo lo seterah
Warna hijau : itu bacground web lu lu bisa cari gambar di google atau di data lu taro atau save di file web profil terus namanya samain nama foto sama nama di note pad contoh nama foto gue saya di koding bawah gue tulis saya.jpg juga kan
Warna kuning :itu jenis ma warna font tulisan nah gue kan tulisan di web hello world kalo lo bebas mau asalam mualaikum,selamat menikmati apake
Warna orange :itu nama gue di web jangan di ikutin lu bisa bikin nama kan nama gue dah gue adain yasinan jadi jangan di pake hehe
Warna biru :yang tulisan Gapai Impian Walau Hidup Susah itu moto gue lu bisa ubah pake moto lu
Warna biru lagi:itu kan hobi hobi gue lu bisa ganti sama hobi lu
Lu copy html dibaawah
<html>
<head>
<title>randika zoits</title>
</head>
<body background=kedua.jpg>
                <font face=arial size=6 color=green>
                <b>RANDIKA ZO.IT'S<br>
                <font face=arial size=4 color=blue>
                <i>Terus Gapai Impian Walau Hidup Susah<i>
                <font face=arial size=1 co;or=maroon>
<hr>
                |<a href=satu.html>H O M E</a>
                |<a href=kedua.html>H O B I</a>
                |<a href=ketiga.html>PENDIDIKAN</a>
                |<a href=keempat.html>social networking</a>|
<hr><p>
                <font face=verdana size=5 color=purple>
Hobi saya adalah :<br>
                <font size=4 color=red>
                <ul type=circle>
                <li>Basket
                <li>futsal
                <li>Biliard
                <li>komputer dan pemrogaman
                <li>Graffity Art
</ul>
</body>
</html>              
Save laagi bro file namenya “kedua.html”
Kalo udah di save file new lagi
Ikutin petunjuk gue lagi
Warna merah :itu nama web tab web lu contoh facebook.com nah kalo gue ka randika zoits kalo lo seterah
Warna hijau : itu bacground web lu lu bisa cari gambar di google atau di data lu taro atau save di file web profil terus namanya samain nama foto sama nama di note pad contoh nama foto gue saya di koding bawah gue tulis saya.jpg juga kan
Warna kuning :itu jenis ma warna font tulisan nah gue kan tulisan di web hello world kalo lo bebas mau asalam mualaikum,selamat menikmati apake
Warna orange :itu nama gue di web jangan di ikutin lu bisa bikin nama kan nama gue dah gue adain yasinan jadi jangan di pake hehe
Warna biru :yang tulisan Gapai Impian Walau Hidup Susah itu moto gue lu bisa ubah pake moto
Warna kuning lagi :itu nama sekolah-sekolah gue lu ganti ajah sesuai sekolah lu
Warna merah lagi :itu prestasi yang pernah lu dapet di selama sekolah kalo ga ada semua yang warna merah lu apus
Copy dulu ni HTMLNYA
<html>
<head>
<title>randika zoits</title>
</head>
<body background=ketiga.jpg>
<font face=arial size=6 color=maroon>
                <b>RANDIKA ZO.IT'S<br>
                <font face=arial size=4 color=blue>
                <i>Terus Gapai Impian Walau Hidup Susah<i>
                <font face=arial size=1 co;or=maroon>
<hr>
                |<a href=satu.html>H O M E</a>
                |<a href=kedua.html>H O B I</a>
                |<a href=ketiga.html>PENDIDIKAN</a>
                |<a href=keempat.html>social networking</a>|
<hr><p>
                <font face=verdana size=5 color=purple>
Pendidikan saya adalah :<br>
<font size=4 color=red>
                <ul type=square>
                <li>Sekolah Dasar sd negri 06 jakarta status lulus
                <li>Sekolah Menengah Pertama 259 jakarta status lulus
                <li>SMK pkp jakarta islamic school jurusan Multimedia status lulus
                <li>Universitas Gunadarma jurusan Sistem Informasi status proses pendidikan
</ul>
<hr><p>
                <font face=verdana size=5 color=purple>
prestasi saya adalah :<br>
<font size=4 color=red>
                <ul type=square>
                <li>Juara festival film pelajar indonesia Nominasi sinematrografy
</ul>
</body>
</html>
Save bro yang di atas namanya file ketiga.html
Kalo dah ke save file new yaw
Ini file terkhir dan lu bakal kelar
Ikutin petunjuk gue lagi
Warna merah :itu nama web tab web lu contoh facebook.com nah kalo gue ka randika zoits kalo lo seterah
Warna hijau : itu bacground web lu lu bisa cari gambar di google atau di data lu taro atau save di file web profil terus namanya samain nama foto sama nama di note pad contoh nama foto gue saya di koding bawah gue tulis saya.jpg juga kan
Warna kuning :itu jenis ma warna font tulisan nah gue kan tulisan di web hello world kalo lo bebas mau asalam mualaikum,selamat menikmati apake
Warna orange :itu nama gue di web jangan di ikutin lu bisa bikin nama kan nama gue dah gue adain yasinan jadi jangan di pake hehe
Warna biru :yang tulisan Gapai Impian Walau Hidup Susah itu moto gue lu bisa ubah pake moto
Warna merah lagi :itu lu ganti sama URL fb lu pertama lu ke profil fb copy urlnya
Warna Kuning lagi :itu lu ganti sama Url Twitter lu pertama lu ke profil twitter lo  copy URL nya
Warna hijau lagi: itu lu ganti sama url blog lu
<html>
<head>
<title>randika zoits</title>
</head>
<body background=keempat.jpg>
<font face=arial size=6 color=maroon>
                <b>RANDIKA ZO.IT'S<br>
                <font face=arial size=4 color=blue>
                <i>Terus Gapai Impian Walau Hidup Susah<i>
                <font face=arial size=1 co;or=maroon>
<hr>
                |<a href=satu.html>H O M E</a>
                |<a href=kedua.html>H O B I</a>
                |<a href=ketiga.html>PENDIDIKAN</a>
                |<a href=keempat.html>social networking</a>|
<hr><p>
                <font face=verdana size=5 color=purple>
situs yang saya miliki silakan klik dan kunjungi:<br>
<font size=4 color=red>
<ul type=square>
                <li><a href=http://www.facebook.com/profile.php?id=100003533190492&ref=tn_tnmn>facebook</a>
                <li><a href=https://twitter.com/#!/randikapi>twitter</a>
                <li><a href=http://zoitsdika.blogspot.com/ >blog</a>
</ul>
</body>
</html>

Save beri nama keempat.html
Contoh web gue 


Ini menu hobi



Ini menu pendidikan


Ini menu social networking



ya itulah contoh html sederhana yang saya buat kalau kalian ingin mendownloadnya silakan DOWNLOAD


49 komentar:

  1. UnknownJanuary 20, 2013 at 8:22 AM

    maksih banget infonya...

    ReplyDelete
  2. Islami BlogFebruary 5, 2013 at 3:51 AM

    thank's for infonya bos,

    ReplyDelete
  3. UnknownMarch 25, 2013 at 8:26 PM

    Makasih Bro,,,,,

    ReplyDelete
  4. UnknownApril 3, 2013 at 1:24 AM

    makasih ya,, tp, saya msih bingung nich,, knp ya... foto punya nya gak tampil...
    apanya yang salah ya??

    ReplyDelete
    Replies
    1. LANGGASApril 12, 2013 at 8:25 AM

      ukurannya terlalu besar

      Delete
    2. UnknownAugust 9, 2013 at 9:37 PM

      ukuran ngga ngaruh gan,
      nama image ny mungkin tu yg salah masukin nya. jdi kaga muncul.

      Delete
    3. UnknownFebruary 23, 2015 at 4:18 AM

      copy gambarnya ke satu folder isinya barengin sama file htmlnya..

      Delete
  5. UnknownJune 21, 2013 at 10:33 AM

    makasih gan, sangat membantu

    ReplyDelete
  6. UnknownAugust 7, 2013 at 3:26 AM

    muarem lah

    ReplyDelete
  7. UnknownDecember 1, 2013 at 12:59 AM

    Buat lagi dong website nya bangg ? :D
    yang lebihh beda dari itu

    ReplyDelete
  8. UnknownJanuary 11, 2014 at 9:02 PM

    npaa ya foto gue kgk msug ke web yaa ad yg tau ga ya

    ReplyDelete
  9. UnknownApril 6, 2014 at 10:37 PM

    makasi atas info nya ya bg....

    ReplyDelete
  10. UnknownApril 28, 2014 at 5:40 AM

    gan gimana cara gabunginya biar ga pecah satu satu gitu,
    mohon info, soalnya ada tugas tengkyu

    ReplyDelete
  11. cRie MCJuly 11, 2014 at 6:57 AM

    makasih bgt infonya :)

    ReplyDelete
  12. SyaikalMarch 11, 2015 at 11:55 PM

    kere banget gan..mantap..

    http://syaikal.blogspot.com

    ReplyDelete
  13. AnonymousMarch 26, 2015 at 10:59 PM

    gan cara menggabungkan html yang lain gmn caranya

    ReplyDelete
    Replies
    1. UnknownDecember 22, 2017 at 6:01 AM

      Maksudnya mengabungkan html yang lain gimana?

      Jika menghubungkan web lainnya dengan coding
      show

      Delete
  14. UnknownMarch 27, 2015 at 6:21 AM

    Makasih Brother , cuma html binggung???

    ReplyDelete
  15. UnknownApril 21, 2015 at 6:03 AM

    makasih kak :-) (y) ,, tapi kenapa yaa foto nya nggak mau tampil?? :/

    ReplyDelete
  16. UnknownMay 2, 2015 at 1:41 AM

    Gank izin kopas ya.....???? baru mo coba gank....??

    ReplyDelete
  17. UnknownJune 3, 2015 at 6:09 PM

    gan kalo udah semu di save...mau liat tampilan nya gmn,,,,saya baru nyoba banget neeh,,,makasih gan,,,

    ReplyDelete
  18. UnknownDecember 1, 2015 at 5:17 AM

    Mampir juga gan di mari http://sinaucodingan.blogspot.co.id/

    ReplyDelete
  19. UnknownDecember 23, 2015 at 4:09 AM

    bagus bang, lanjutkan, tetap bekarya

    ReplyDelete
  20. UnknownJanuary 11, 2016 at 10:44 PM

    gimana caranya buat tulisannya berkedip atau bergerak kak ?

    ReplyDelete
  21. AkatsukiApril 23, 2016 at 5:29 AM

    Bagus nih referensi ny mau saya coba,salam kenal dari saya, saya juga pernah kuliah di Universitas Gunadarma

    ReplyDelete
  22. UnknownOctober 22, 2016 at 4:40 PM

    thank you mz bro sangat menginpirasi!!!

    mau tanya mz bro cara bikin search pencarian gimana yah?

    ReplyDelete
  23. UnknownDecember 23, 2016 at 5:47 PM

    Terima kasih infonya

    My blog

    ReplyDelete
  24. UnknownDecember 26, 2016 at 8:56 AM

    Ilmunta nambah lagi, makasih
    My blog

    ReplyDelete
  25. UlfaizaDecember 27, 2016 at 9:04 AM

    kebantu banget kalo boleh minta email nya kali aja mau nanya-nanya email saya ulfaiza27@gmail.com

    ReplyDelete
  26. UnknownApril 4, 2017 at 6:17 AM

    Ini termasuk web statis atau dinamis ya ?

    ReplyDelete
  27. Fia KasiroDecember 13, 2017 at 6:31 AM

    wah thanks infonya kak

    ReplyDelete
  28. UnknownDecember 14, 2017 at 12:55 AM

    bagus artikelnya dan bermanfaat utnuk kami
    dwi ayu lestari

    ReplyDelete
  29. UnknownDecember 18, 2017 at 1:54 AM

    sangat bermanfaat sekali
    Dewi Ayu Lestari

    ReplyDelete
  30. UnknownJanuary 12, 2018 at 7:38 PM

    Good Artikelnya...
    My blog

    ReplyDelete
  31. AnonymousJanuary 14, 2018 at 4:28 PM

    Good kak, makasih

    ReplyDelete
  32. Sdn Biting 01March 7, 2018 at 1:21 AM

    mintak contoh yg lebih menarik lagi kakak

    ReplyDelete
  33. RismaSeptember 17, 2018 at 6:40 AM

    Artikel ini bisa jadi referensi untuk tugas kuliah. Tutorialnya sederhana dan mudah dipahami.

    Jgn lupa kunjungi website kampus saya : http://www.atmaluhur.ac.id

    dan kunjungi website saya : https://risma.mahasiswa.atmaluhur.ac.id

    ReplyDelete
  34. UnknownOctober 18, 2018 at 8:18 PM

    gimana cara nyatuin semuanya?

    ReplyDelete
  35. AldiOctober 28, 2018 at 9:35 PM

    ntap bro

    ReplyDelete
  36. ArNoviJanuary 3, 2019 at 1:56 AM

    Thnks mas bro

    ReplyDelete
  37. asdMarch 4, 2019 at 10:36 PM

    makasih bro

    ReplyDelete
  38. asdMarch 4, 2019 at 10:36 PM

    sama sama bro

    ReplyDelete
  39. LOVELYZ TRILOGYSeptember 2, 2019 at 12:33 AM

    maaksih min
    solder uap

    ReplyDelete
  40. Richard Ricco AmandaOctober 10, 2019 at 4:36 PM

    Mksih...Sangat membantu Bagi pemula Tapi saran saya kalian jangan cuma Copas tapi dikeetik Sendiri

    ReplyDelete
  41. Rizky PratamaMarch 5, 2020 at 3:27 AM

    This comment has been removed by the author.

    ReplyDelete
  42. Rizky PratamaMarch 7, 2020 at 3:04 AM


    Makasih ilmu nya kak, sangat bermanfaat untk saya yg sedang belajar HTML, saya Rizky Pratama Dari STMIK Atma Luhur dgn NIM 1922500005 kelompok SI2K (https://www.atmaluhur.ac.id)

    ReplyDelete

Subscribe to: Post Comments (Atom)