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

  • Mengatasi Permasalahan pada PHPMyAdmin
  • DAY 4 TRAINING CISCO
  • KERJA BAKTI ANAK BLC TELKOMKLATEN
  • PENGENALAN DAN CARA INSTALL LINUX

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

  • DAY 4 TRAINING CISCO
  • PENGENALAN DAN CARA INSTALL LINUX
  • MEMBUAT PORTAL SEKOLAH
    MEMBUAT PORTAL SEKOLAH

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