Belajar HTML (Part 4)

-
Holla guys

Pertemuan ini saya melanjutkan pembahasan tentang  cara membuat form menggunakan bantuan tag <table> atau belajar HTML (Part 4). Baca baik-baik ya semoga paham.


Membuat form menggunakan bantuan tag <table>

1.Aktifkan XAMPP (Apache & Mysql)
2.Buat folder baru di htdocs dengan nama: wb2F

3.Buat folder baru di dalam folder wb2f dengan nama:webadmin

4.Buat file baru di dalam folder webadmin dengan nama:index.html

5.Ketikkan struktur dasar HTML di dalam file tsb lalu simpan

Coding Link Username

Hasil 

Coding Link password
 Hasil

 Cara supaya link ditengah

Hasil

http://localhost/web2f/webadmin/
http://localhost/web2f/webadmin/index.html

tag<span>..</span> dan <div>..</div>
<div> dan <span> keduanya tidak memiliki maksud/tujuan
<div>=>block-line(membuat blok/baris baru)<p>,<hl>
<span>=>in-line(tidak membuat blok/baris baru)<b>,<i>,<u>
<div>sebagai pembatas(materi css)struktur web(header,menu,konten,sidebar,footer)

<div align="center">

</div>

6.Buat file baru di dalam folder web2f dengan nama:index.html

7.Ketikkan struktur dasar HTML di dalam file tersebut lalu simpan

Hasil

Menambahkan Link Beranda, Profil, Galeri

Hasil

Menambahkan kata pada link Beranda

Hasil
 
8.Buat file baru namanya:profil.html di dalam folder web2f.

  Copy semua coding didalam file index.html ke dalam file profil.html

Hasil bisa di lihat di localhost

 9.Buat file baru namanya:galeri.html di daalam foder web2f.

   Copy semua coding di dalam file index.html ke dalam file galeri.html
  
Hasil



Sekian materi dari saya, semoga bermanfaat!! :)

SEE THE NEXT POST!!






Monkey D Luffy

Komentar

Posting Komentar

Postingan populer dari blog ini

Belajar Membuat Web (Part 5)

-
Gambar
Hello guys Ketemu lagi nih sama saya, masih sama seperti postingan-postingan sebelumnya nah sekarang belajar membuat web (Part 5). Baca bener-bener ya semoga paham!! :) 1. Masuk folder htdocs 2. Buat folder dengan nama website_2f 3. Didalam folder website_2f buat folder css dan file dengan nama index.html  disimpan dalam folder website_2f contoh coding/struktur data index.html <html> <head> <title>Membuat layout WEB responsive sederhana HTML dan CSS</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div class="header">   <h2>header</h2> </div> <div class="nav">   <a href="#">menu 1</a>   <a href="#">menu 2</a>   <a href="#">menu 3</a> </div> <div class="row">   <div class="content">     <...
Baca selengkapnya

Belajar Membuat Web (part 7)

-
Gambar
ARRAY PADA PHP ------------------------- Array adalah suatu tipe data variabel yang mampu menyimpan banyak data atau nilai. Indeks dimulai dari 0,1,2,3 dan seterusnya. Membuat dan memanggil data pada Array <?php $hewan= array('ayam','kerbau','ular,'kucing'); echo $hewan[0]; ?> output: $hewan[0]=ayam $hewan[1]=kerbau $hewan[2]=ular $hewan[3]=kucing membuat dan memberi penamaan pada isi array <?php $buah['semangka']="isinya merah"; $buah['jeruk']="rasanya manis"; $buah['apel']="warnanya merah"; $buah['anggur']="harganya mahal"; echo$buah['apel']; ?> ====================================================== <?php $buah=array(   'semangka'=>"isinya merah",   'jeruk'=>"rasanya manis",   'apel'=>"warnanya merah',   'anggur'=>"harganya mahal"); echo$buah['...
Baca selengkapnya

Belajar HTML (Part 2)

-
Gambar
Hai teman Sebelumnya saya memposting artikel tentang langkah – langkah membuat HTML dipostingan ini saya melanjutkan langkah – langkah membuat HTML (Part 2) cara membuat tabel, memberi warna pada tabel, menambahkan link, dan gambar dengan menggunakan HTML. 1. Aktifkan XAMPP (Apache dan Mysql) 2. Membuat tabel menggunakan HTML      TAG (table)      Struktur : tabel terdiri dari baris dan kolom dalam HTML      <table> terdiri dari <tr>dan <td>/<th>      <tr> : tabel row (baris tabel)      <td>: tabel data (isi tabel/kolom)      <th>: tabel heading (judul kolom) Struktur tag Table <table> <table> <tr> <th>.......</th> </tr> </table> atau <table> <tr> <td>..............</td> </tr> <tr> <td>...............</td> <td>.............. <...
Baca selengkapnya