My Inscription

  • Home
  • Jurusan
    • RPL
    • TKJ
    • MULTIMEDIA
  • Downloads
    • LINUX
    • UBUNTU
    • DEBIAN
      • Office
  • BLC TELKOM KLATEN
  • PEMROGRAMAN
  • REKAN KERJA
    • RIZKA MALA ALFIANA
    • FERRY KURNIAWAN
    • DENI OCTASAPUTRA
  • DOKUMENTASI
    • foto
    • video

Selasa, 14 Agustus 2018

PEMBUATAN LAYOUT TABEL DENGAN HTML

 Srijulfiyanik.blogspot.com     17.30     No comments   

A.PENDAHULUAN

Assalamualaikum wr.wb
Hai guys ketemu lagi di blog saya yang akan membahas tentang pembuatan layout tabel sederhana menggunakan HTML.
selamat menyimak...

B.LATAR BELAKANG

Pembuatan tabel layout dengan HTML untuk lebih mula sebelum ketahap lanjut.

C.MANFAAT DAN TUJUAN

bisa memahami elemen, tag, dan pembuatan layout tabel

D.PEMBAHASAN

Tabel

Sebuah dokumen tidak jarang digunakan untuk menampilkan data kepada penggunanya. Terdapat banyak cara untuk menampilkan data, mulai dari dengan menggunakan grafik, daftar, sampai dengan tabel. Untuk menampilkan data dengan grafik pada HTML, kita dapat menggunakan gambar (elemen img), sementara daftar jelas dibuat menggunakan elemen list. Bagaimana dengan tabel? HTML memiliki elemen khusus untuk membuat tabel, yaitu table.

berikut coding pembuatan sebuah tabel jadwal sederhana menggunakan html:

<html>
<head>
<title>rpl 1</title>
</head>
<body bgcolor="red">
<p align="center"><b><font size="8">Jadwal PRODUKTIF RPL1</font></b></p>
<table align="center" width="50%" border="10" style="background:white">
        <tr>
            <td>Kelas</td>
            <td>Ruang</td>
            <td>Mata produktif</td>
            <td>Guru</td>
            <td>Waktu</td>
            <td>hari</td>
        </tr>
        <tr>
            <td>RPL1</td>
            <td>lab 1</td>
            <td>Pemrograman dasar</td>
            <td>iwan safruddin</td>
            <td>1/2/3</td>
            <td>senin</td>
        </tr>
        <tr>
            <td>RPL1</td>
            <td>lab 2</td>
            <td>Sistem komputer</td>
            <td>susanti</td>
            <td>4/5</td>
            <td>selasa</td>
        </tr>
        <tr>
            <td>RPL1</td>
            <td>lab 2</td>
            <td>komputer dan jaringan</td>
            <td>abdul latif</td>
            <td>7/8</td>
            <td>rabu</td>
        </tr>
        <tr>
            <td>RPL1</td>
            <td>lab 1</td>
            <td>desain grafis</td>
            <td>dwi agung suhartono</td>
            <td>1/2</td>
            <td>kamis</td>
        </tr>
        <tr>
            <td>RPL1</td>
            <td>lab 1</td>
            <td>pemrograman</td>
            <td>iwan safruddin</td>
            <td>3/4/5</td>
            <td>jumat</td>
        </tr>
        <tr>
        </tr>
        </table>
</body>
</html>


Dan berikut merupakan hasil dari coding yang digunakan diatas:


E.ALAT DAN BAHAN

-Laptop
-sublim text

Semoga bermanfaat, sampai jumpa dipost selanjutnya...

WASSALAMUALAIKUM WR.WB
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg
Kirimkan Ini lewat EmailBlogThis!Bagikan ke XBerbagi ke Facebook
Posting Lebih Baru Posting Lama Beranda

0 komentar:

Posting Komentar

Popular Posts

  • Bootstrap | Images (Gambar)
  • DAY 4 TRAINING CISCO
  • Membuat Form Login ( Frontend )
  • CARA MEMBUAT POSTINGAN BLOG YANG BAIK

Blog Archive

About Me

  • Srijulfiyanik.blogspot.com
  • dimas ari

Pengikut

Total Pageviews

  • Features
  • _Multi DropDown
  • __DropDown 1
  • __DropDown 2
  • __DropDown 3
  • _ShortCodes
  • _SiteMap
  • _Error Page
  • Documentation
  • Video Documentation
  • Download This Template
  • Home
  • About
  • Contact

Facebook

Video News

posts

Feature

posts

Popular Posts

  • KRISISNYA RASA CINTA TANAH AIR DIKALANGAN REMAJA SAAT INI

Copyright © My Inscription | Powered by Blogger
Design by Hardeep Asrani | Blogger Theme by NewBloggerThemes.com | Distributed By blogger Templates