Cara Merapikan Postingan dengan Membuat Tabel

Terkadang kita perlu membuat sesuatu bacaan yang frendly, baik dengan gambar atau kerapihan dari tulisan itu. Dalam kesempatan ini saya akan menjelaskan sedikit mengenai pembuatan tabel sebagai salah satu media memperapi tulisan.

Pembuatan tabel dalam bahasa HTML dengan menggunakan kode <table> ..... </table> dengan beberpa attributnya. Baiklah, sebelum kita membahas cara pembuatannya, alangkah lebih baik kita belajar attribut yang digunakan (Refferensi : Kang Rohman):

Di dalam tabel, kita bisa bisa beberapa atribut di dalamnya, antara lain yaitu:
  • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
  • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
  • cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel di dalam sebuah tabel. Penempatan kodenya : cellpadding="pixel" .
  • border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya : boeder="pixel" .
  • cellspacing : untuk mengatur jarak antara sel. Penempatan kodenya : cellspacing="pixel" .
  • height : untuk mengatur tinggi tabel. penempatan kodenya : height="pixel"|"%" .
  • height : untuk mengatur lebal tabel. Penempatan kodenya : height="pixel"|"%" .

Sintaks atau kode yang terbentuk yaitu seperti ini :
<table align="left"|"center"|"right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel"|"%"
height="pixel"|"%">
.....................
</table>

Sebuah elemen TABLE, juga berisi beberapa elemen yaitu CAPTION, elemen TH(table header), elemen TR(table row), serta elemen TD (table row).

Elemen CAPTION berfungsi untuk membuat judul dari sebuah tabel. elemen ini mempunyai atribut align dengan nilai top (yaitu judul di simpan di sebelah atas tabel), juga bottom (yaitu judul berada di sebelah bawah dari tabel).

Sintaks atau kode yang terbentuk yaitu seperti ini :
<caption align="top"|"bottom">
............................
</caption>

Elemen TR (Table Row) yaitu untuk membuat baris, elemen ini di tempatkan di dalam elemen tabel. Atribut yang bisa di pakai di dalam TR antara lain :
  • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
  • valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"
  • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".

Sintaks atau kode yang terbentuk yaitu seperti ini :
<tr align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom">
.....................
</tr>

Elemen TH(Table Header) berfungsi sebagai header sel pada sebuah kolom tabel. Atribut yang bisa di pakai antara lain:
  • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
  • valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"
  • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
  • colspan : untuk mengatur kolom. Penempatan kodenya : colspan="nomor" .
  • rowspan : untuk mengatur row atau baris. Penempatan kodenya : rowspan="nomor"

Sintaks atau kode yang terbentuk yaitu seperti ini :
<th align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom"
colspan="number" rowspan="number">
.....................
</th>

Elemen TR(Table Row) adalah elemn untuk membuat kolom. atribut yang bisa di pakai antara lain :
  • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
  • valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"
  • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
  • colspan : untuk mengatur kolom. Penempatan kodenya : colspan="nomor" .
  • rowspan : untuk mengatur row atau baris. Penempatan kodenya : rowspan="nomor"
Sintaks atau kode yang terbentuk yaitu seperti ini :
<td align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom"
colspan="number" rowspan="number">
.....................
</td>


Contoh nya seperti dibawah

Kode script:
<table width="200" border="1">
<tr>
<td align="center">
Contoh
</td>
</tr>
</table>

Hasilnya


Contoh

Untuk yang pakai warna



Contoh
Contoh juga denk

Kodenya
<table width="300" border="9">
<tr bg>
<td align="center">
Contoh
</td>
<td align="center" bgcolor="green">
Contoh juga denk
</td>
</tr>
</table>

Selamat belajar,,, contoh yang lain,,, silakan buat sendiri,,,, he he he

---Sucses for us-------

6 komentar:

  1. When a guest or fan in the know spots an employee wearing the shades, they must say “Turn My World Blu,” to the employee, who will then direct discount ray ban polarized sunglasses them to the front desk for their own pair.Many consider Google Glass smart eyewear to be cool technically, but fashion-wise -- not so much. Although ray ban sunglasses sale Google has already been making moves to correct that oversight (pun intended), news released Monday via the Wall Street Journal goes still further: Italian eyewear clubmaster ray ban maker Luxottica, which owns the well-known Ray-Ban and Oakley sunglass brands, said that it had agreed to design, develop and distribute versions of Google's smart ray ban glasses eyewear.In 2012, a report said that Oakley was working on Google Glass-like smart eyewear.
    When you’re out climbing or just enjoying the beautiful outdoors, sometimes ray ban eyeglasses frames the sun can be pretty brutal on your eyes. There are so many different types of sunglasses on the market today that it can be ray ban prescription glasses overwhelming when you’re trying to decide on what pair to buy. Out of the Blue Eyewear can provide the right style and look for your ray ban glasses frames eyes.Out of the Blue, founded by Steve Berenson, has been providing affordable sunglasses to consumers for thirty years. They have a great collection of sunglasses ray ban sunglasses for the outdoor enthusiast that are polarized and help your eyes avoid that blazing sun. At times while climbing certain rock, the sun can not RB4162 only be extremely hot, but the reflection of brightness from the rock can make your eyes tear up. The Out of the Blue polarized sunglasses ray ban block that reflection so you can comfortably see the wall you’re climbing without eye irritation.
    Car Salesperson- Why trek down to the car dealer to http://www.warbyparkersunglasshut.com test drive cars when you can test drive them at home on your screen. BMW Z4 AR. You can create colored marks as you drive ray ban wayfarer and share the designs with friends.The rapid acceleration of technology is changing the workplace, jobs and future career paths. Individuals will increasingly need to prepare ray ban outlet themselves to ensure continued employment. This can be achieved by staying on top of industry trends in your sector, learning new technologies and developing enhanced ray ban 2132 new wayfarer skills sets.Sporty sunglasses, bold sunglasses, or elegant sunglasses say a lot about your personality.

    BalasHapus
  2. Should someone walk up with a particularly haggard pair of glasses, Blick will offer to trade them out for a new pair. “We’re not giving away oakley store free hot dogs,” he said. “We’re looking to respect and reward those loyally wearing our stuff. We’re not going to sell a thing this weekend, but we’ve got a black box down there we’re hoping people will stuff money into; at the oakleys sunglasses end of the weekend we’re going to hand it over to MORCA, they’re the people who are going to be filling in the braking bumps we all create here this weekend and we want to help them out.”If you get a free sunglasses oakley pair of lenses, ear stocks or glasses make sure to stuff some bills into this box; Oakley plan to hand it over to MORCA before even counting it at the end of Sea Otter
    The sunglasses brand always said that they would oakley wait until the UCI made their decision in the matter, and that was done today.Oakley follows Nike, SRAM and Anheuser-Busch in dropping the disgraced cycling star following the revelations that he and his teammates had used performance enhancing drugs to fuel their oakley 2015 victories. Trek also broke their marketing ties with him, although Armstrong retains a small share in the cheap oakley sunglasses canada company."Based on UCI’s decision today and the overwhelming evidence that USADA presented, Oakley has severed its longstanding relationship with Lance Armstrong, effective immediately," said Oakley in a statement."When Lance joined our family many years ago, he was a symbol of possibility. We are deeply saddened by the outcome, but look forward with hope to athletes and teams of the future who will rekindle that inspiration by racing cheap oakley sunglasses clean, fair and honest."
    The goggles, as well as the wearer’s smartphone, can be operated via a waterproof wristwatch-size controller. Some of the features that could be particularly relevant to cyclists include elevation gain, navigation, trail mapping, maximum and average speed and oakley sunglasses cheap heart rate. The possibilities of this technology are intriguing, if not also a bit overwhelming.What do you think: Would having all this data in front of you be an improvement, or would detract from the simple pleasure of riding a bike? Check oakley vault out the video from Oakley, and leave your comments down below.Oakley has joined the growing list of sponsors to separate themselves from Lance Armstrong following the decision of the UCI

    BalasHapus
  3. “What’s good for travelers is to not nearly double the tax they pay to step foot in an airport when airports have more than enough resources to invest in infrastructure today,” Airlines for America spokesman Vaughn Jennings said. “That is why airports can’t point to a single project that’s not moving forward due to a lack of resources.”The U.S. Travel Association, which represents hotels, state tourism offices, restaurants, and canada goose outlet online other travel-related businesses, is urging Congress to allow airports to set their own user fees on passengers—up to $8.50, and then adjusted for inflation—as part of a larger reform that would eliminate five taxes now levied on air travel. Perhaps not surprisingly, the American Association of Airport Executives also supports a higher PFC.U.S. regulators are considering whether airplanes need to be built to better withstand collisions with birds because of an increase in the population of Canada geese, pelicans and other species.
    A spokesman for Airlines for America, the carriers’ trade group, called the canada goose sale bill “a misguided attempt” to increase the PFC. The airlines say that more than $70 billion in capital projects have been approved at the 30 largest U.S. airports since 2008 and that airports can issue investment-grade bonds to fund capital projects, without hurting demand for air travel with the PFC. A January study (pdf) by the Government Accountability Office concluded that a higher PFC could reduce revenue for the Airport and Airway Trust Fund by about 1 percent through 2024 due to lower traffic. That fund received $12.9 billion in 2013.
    This Band of canada goose outlet Outsiders brushed wool and cotton-blend bomber jacket ($1,095, mrporter.com) is two trends in one (actually three -- green is #trending, too). Also try: Quilted bombers by Christopher Raeburn, or a subtle print, like Carven's plaid option.The Burberry Brit Brettson field jacket ($695, nordstrom.com) dials up the color on the classic fall staple, military-issued since 1965. Next stop: your closet. Also try: Belted versions by canada goose online Belstaff, or streamlined coats without the signature bellow pockets (Theory) and with minimal to no hardware (Aspesi).A Stone Island nylon David TC hooded parka ($1,670, mrporter.com), for expeditions of the urban kind. Also try: Lightweight cotton instead of nylon -- like these options by J.Crew and Engineered Garments.Patagonia's down sweater hoodie ($279, patagonia.com) adds a touch of high-tech color and volume.

    BalasHapus

Cara menulis komentar
1. Ketik komentar Anda pada Kolom dibawah
2. Pilih account login Anda (Email)
3. Klik 'Poskan Komentar'
Saya harap Anda jangan berkomentar dengan bentuk SPAM, karena tidak akan dipublikasina. Jika Anda ingin menautkan link Blog, silakan be Follower (Baca:Cara menjadi followers blog)

Lebih diutamakan pada komentar yang bersifat ingin tahu (bertanya).