Rabu, 04 Mei 2016

TUTORIAL MEMBUAT HALAMAN WEB DENGAN HTML

TUTORIAL MEMBUAT WEB DASAR DENGAN HTML

Oke gun kita ketemu lagi dengan saya tentu nya jamal_uchiha.......
di sini saya akan sedikit share tentang tutorial bagaimana kita membuat tampilan Web dasar yang sederhana..
    yowiss lanjut aja kita akan buat sebuah dasar web sederhana seperti ini :





Langkah pertama : Kita siapkan dulu senjata nya gun.. kalian boleh pilih editor coding nya bisa pake notepade,
                                notepade ++ atau dreamweaver cs8 saya anggap kalian udah paham ya tentang ini  kalau belum kalian bisa cari tahu dengan klik di sini

Langkah kedua : kalian copy ya script di bawah ini.....
                        
<title>Manga Ku Web Jamal_uchiha</title>
<meta charset="UTF-8">
<head>
<html lang="en">
</html>

<body bgcolor="blue">
<marquee align="" ><h1><font color="#FFFF00">Manga Ku Web jamal_uchiha</font></h1></marquee>
<div align="center"><img src="header1.jpg" width="1366" height="300" /></div>
</div> <!--/ .header -->  <p><strong><font color="#FF00">NARUTO</strong> --- <small><a href="">article Uchiha</a></small>  </p>

<div class="main">
<p>Ingin tau Beberapa Ninja terkuat di serial NARUTO yukk kita Klik <a href="#"</a>Dsini </p>
</div> <!--/ .header -->


<h3>Middle</h3>
<div class="middle">
<p><strong><a href="#"</h3>Pengenalan Tentang Tiap karakter dari anime Naruto</a></strong> � Hallo para pembaca Web Setia manga , Kita bisa berbagi info di Web ini terutama buat kalian Para Pecinta Naruto </p>
<p><img src="naruto_and_sasuke.gif" width="520" height="300"alt=""></p>
<p><a href="">beberapa tehknik atau jurus terhebat dalam anime naruto??</a> Dalam serial Naruto kita pasti nya sudah banyak mengetahui banyak nya jurus dan tehknik dari tiap karakter dari tehknik biasa sampai tehknik yang hebat.tapi tetap aja dari sekian banyak nya jurus itu semua ada dasar nya tentunya kalian tau kan????</p>

<p> Dasar dari jurus anime naruto itu terdiri dari :</p>
<p><a href="#" > * Senjutsu</a></p>
<p><a href="#" > * Kagutsu</a></p>
<p><a href="#" > * Genjutsu</a></p>
<p><a href="#" > * Ninjutsu</a></p>


<p><img src="naruto_674___kicking_time___coloring_by_deohvi-d7fn7ag.png" width="520" height="300" /></p><p><a href="#" > * Taijutsu</a></p>
                           

</html>
</body>

               Setelah itu d save as ya simpan di folder yang udah di siapkan dan beri nama "Web Pertamaku"kalau udah kalian coba dan hasil nya bakal kaya gambar di bawah ini :

nah loh ko kaya gini hasil nya...........berarti ada yang kurang nih gun...

Tahap Ketiga : dari kita liat di atas yang kurang adalah gambar nya yang gak ada nah kita next lagi
                        cari gambar dan simpan di folder yang sama penempatan dengan script yang kalian
                         simpan sebelum nya contoh ilustrasi nya ya...:


Nah Tahap yang terakhir : masukan link buat gambar nya dengan cara ketik kode :"
                                           <img src="header1.jpg width" 1366" hight"300">contoh seperti text
                                           yang berwarna merah pada text coding di atas. jika sudah selesai
                                          kalian kongfress lagi deh web nya....


nah sekian dulu yah tutorial nya dari saya......
Next You Time.... 






0 komentar:

Posting Komentar