WHAT'S NEW?

Membuat Template Web Menggunakan Tag Table di HTML


Tabel dapat digunakan untuk memberikan data dalam bentuk kolom dan baris. Sebuah tabel mempunyai judul, baris untuk informasi, dan sel untuk setiap itemnya. Tabel dapat di isi dengan daftar item, paragraf, form, gambar, teks-teks preformatted, dan bahkan tabel-tabel yang lain (tabel dalam tabel). Untuk membuat tabel digunakan tag awal <table> dan tag penutup </table>

Sintaks Penulisan Table:
<table>
<tr>
<td>Data Tabel</td>
<tr>
</table>  

 Elemen-elemen dalam Table
Elemen
Penjelasan
<table> . . . </table>
Tag pembentuk tabel. jika border disertakan, maka tabel akan tampil disertai border. Nilai border 0 – 30.
<caption> . . . </caption>
Pembentuk judul tabel. judul dapat diberi tag apa saja.
<tr> . . . </tr>
Penjelaskan baris tabel dalam tabel. atribut yang dipakai : align(left, center dan right) atau valign(top, middle dan bottom).
<th> . . . </th>
Pembentuk sel header tabel. Secara default teks dalam sel ini di tebalkan dan di tampilkan ditengah.
<td> . . . </td>
Pembentuk sel data dalam tabel.


Catatan :  
  • Jumlah baris tabel ditentukan dengan banyaknya <tr> . . . </tr> yang di tulisankan dalam elemen tabel, dari <table> . . . </table>.
  • Jumlah kolom dalam tabel ditentukan dengan banyaknya <td> . . . </td> di dalam setiap definisi baris, dari <tr> . . . </tr>.
  • Setiap baris dalam tabel akan mempunyai jumlah kolom yang berbeda.  

Atribut tag Dalam <table>

Atribut tag dalam <tr>

Atribut tag Dalam <th> dan <td>


Setelah Mengenal tag tag penulisan dalam table, selanjutnya kita akan membuat template sederhana menggunakan table. Berikut langkah-langkahnya :

1. Buka Notepad++ anda (jika belum punya silahkan download di sini)
2. Ubah Language notepad++ anda menjadi bahasa HTML. lihat gambar di bawah ini
3. Ketikan code berikut di notepad++ anda
<html> 
<head>
<title>Latihan Membuat Tamplate Sederhana</title>
</head>
<body>
<table width="80%" height="80%" border="1" bordercolor="#FF0000" align="center">
<tr>
<th colspan="3" height="300"><h1>HEADER</h1></th>
</tr >
<tr>
<th colspan="3"><h3>Menu</h3>
</tr>
<tr>
<td colspan="2" align="center" height="400"><H2>Area Postingan</h2></td>
<td align="center" width="300"><h2>Area Widget</h2></td>
</tr>
<tr>
<td colspan="3" height="100" align="center"><h3>Footer</h3></td>
</tr>
</table>
</body>
</html> 
4. Setelah itu save file tersebut dengan format html, lalu jalankan file tersebut menggunakan browser anda, maka akan tampil seperti ini

Sekian tutorial dari saya, semoga bermanfaat buat anda. dan jika tutorialnya masih kurang, nanti akan saya posting lagi tutorial html yang lain, tapi anda juga harus kreatif mengembangkan tutorial ini :D. Terimakasih



Nut Job (2014) BluRay 720p


Genre: Animation | Adventure | Comedy
Format: MPEG 4 (MP4)
Resolution: 1280x694
Framing Rate: 23.976 fps
Language: English
Runtimes: 1 hours 25 mins

PLOT:
In a city park, Surly the Squirrel has finally gone too far with his latest caper leading to the animal community’s winter food cache being destroyed. Now exiled, Surly and his rat buddy’s, Buddy, collective nightmare on the streets ends when they discover a nut store to raid. Meanwhile, the squirrels, the heroic Andie and the ditsy Grayson, are charged by Raccoon to find a new food source and Andie runs into Surly. With no other options, she arranges a deal to help in Surly’s heist for the colony, even while Surly fully intends to betray it. However, there is more going on with the nut store being a front for bank robbers while Raccoon has his own agenda to ensure his own power. In the mayhem to come, Surly finds himself challenged in ways he never expected and discovering the real prize to treasure in this adventure.

Trailer



LINK DOWNLOAD


Belajar Membuat WEB Sederhana Menggunakan HTML


HTML atau HyperTxt Markup Language merupakan sebuah salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang di sajikan pada browser. Selanjutnya saya akan Beri tutorial membuat web sederhana menggunakan Notepad++. Untuk Link Download Notepad++ bisa di SINI

Jika sudah punya Notepad++, kita mulai saja langsung membuat web HTML. Berikut langkah-langkah membuat web HTML


1. Buka Notepad++ lalu ubah bahasanya, ubah menjadi HTML. Seperti gambar di bawah ini

2. Tuliskan script/code di bawah ini ke dalam notepad++ anda
<html>
<head>
<title>Belajar menulis dengan HTML</title>
</head>
<body>
<h1>Selamat Datang</h1>
</br>
<p>Ini adalah halaman web pertama saya. Hore... Saya bisa!!</p>
</body>
</htmlL>
3. Jika sudah selesai simpan hasilnya. Pilih file>Save/Save as>Beri nama file>ubah typenya menjadi html>klik save

4. Setelah Di save maka buka file yang di simpan tadi dan hasilnya akan menjadi seperti ini

Selamat anda sudah bisa membuat WEB HTML!! :D


Notepad++ v6.5.5



Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.

Based on the powerful editing component Scintilla, Notepad++ is written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size. By optimizing as many routines as possible without losing user friendliness, Notepad++ is trying to reduce the world carbon dioxide emissions. When using less CPU power, the PC can throttle down and reduce power consumption, resulting in a greener environment.

Screenshot

Notepad++ v6.5.5 new features and bug fixes:

  • Add character encoding auto-detection feature.
  • Fix the word-completion hanging problem by typing Chinese in ANSI document under Chinese Windows 7/8 64 bits.
  • Enable word-completion in ANSI document under CJK environment.
  • Add wildcard capacity for file name argument in command line.
  • Add new command line argument "-r" for opening files recursively (with wildcard characters).
  • Fix the crash bug while setting current document as Objective-C source code.
  • Fix rename not replacing the existing file bug.
  • Enhance Function list feature: reload on saving.
  • Enhance Function list feature: better recognition of perl function.
  • Fix sorting path in Windows document dialog makes Notepad++ crash.
  • Fix the no extension column setting for Doc Switcher not initialized properly in preference dialog.
  • Add "Command line arguments help" menu item command.
Link Download





Follow:

Distributed By My Blogger Themes | Created By ThemeXpose