Social Icons

Pages

Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Kamis, 07 Februari 2013

Membuat tulisan HTML dengan Manipulasi Tabel

<html>
<head>
<title>belajar tabel</title>
</head>
<body>
    <table align="center" border="0" bgcolor="white" width="800" height="150">
        <tr>
        <td width="50" rowspan="3" align="center" bgcolor="red">1</td>
        <td width="50" colspan="1"></td>
        <td width="50" rowspan="3" align="center" bgcolor="red">3</td>
        <td width="50" rowspan="3"></td>
        <td width="150" colspan="3" align="center" bgcolor="yellow">5</td>
        <td width="50" rowspan="3"></td>
        <td width="100" colspan="2" align="center" bgcolor="green">9</td>
        <td width="50" rowspan="1"></td>
        <td width="100" colspan="2" align="center" bgcolor="green">12</td>
        <td width="50" rowspan="3"></td>
        <td width="50" rowspan="3" align="center" bgcolor="blue">15</td>
        <td width="50" colspan="2"></td>
        </tr>

        <tr>
        <td align="center" bgcolor="red">2</td>
        <td rowspan="2"></td>
        <td width="50" rowspan="2" align="center" bgcolor="yellow">6</td>
        <td rowspan="2"></td>
        <td width="50" rowspan="2" align="center" bgcolor="green">9</td>
        <td rowspan="2"></td>   
        <td align="center" bgcolor="green">11</td>
        <td rowspan="2"></td>
        <td width="50" rowspan="2" align="center" bgcolor="green">13</td>
        </tr>

        <tr>
        <td colspan="1"></td>
        <td colspan="1"></td>
        <td width="100" colspan="2" align="center" bgcolor="blue">16</td>
        </tr>
    </table>
</body>
</html>

Tampilan Hasil:


Diposting oleh Tidak ada komentar:
Label:

Sabtu, 26 Januari 2013

Struktur Dasar Html


Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut:
  <html>   
<head>   
 <title>Judul Form/Caption</title>   
</head> 
 <body>     ISI WEB    </body>  
</html>
Keterangan:
<html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML. 
<head> .. </head> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META. 
<title> .. </title> Sebagai titel atau judul halaman/form. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar). 
<body> .. </body>  Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text,
link, vlink, alink, leftmargin dan topmargin .
Berikut contoh struktur dokumen HTML :

<html>
            <head>
            </head>
           
            <body>
            </body>
</html>
Diposting oleh Tidak ada komentar:
Label:

MENGENAL HTML LEBIH DEKAT, ^_^

Apa itu HTML?
HyperText Markup Language (HTML) adalah sebuah bahasa yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi (teks,gambar,table,dsb) dalam sebuah browser.

Siapa Pendiri HTML ?
W3C

Apa saja versi yang ada dalam HTML ?
·         HTML 2.0 — (RFC 1866) disetujui sebagai standar 22 September 1995,
·         HTML 3.2 — 14 Januari 1996,
·         HTML 4.0 — 18 Desember 1997,
·         HTML 4.01 (minor fixes) — 24 Desember 1999,
·         ISO/IEC 15445:2000 ("ISO HTML", berdasar pada HTML 4.01 Strict) — 15 Mei 2000.
·         HTML 5 

Selanjutnya, Bagaimana Aturan dalam sebuah dokumen HTML?
Pada dasarnya Dalam membangun sebuah halaman HTML harus terdiri dari empat konsep dasar :
1.      Element-element
Untuk dapat menghasilkan tampilan halaman web perlu adanya elemen-elemen tertentu yang bekerja menampilkan isi sesuai keinginan.
Misalnya: untuk menampilkan sebuah paragraph  dibutuhkan element <p>, untuk menampilkan sebuah gambar dibutuhkan elemen <img>, untuk menampilkan teks dengan ukuran tertentu dibutuhkan elemen <h1> sampai <h6>.

2.      Penulisan Tag
Sebagaimana yg kita ketahui kalau HTML itu disusun dari tags-tags. Berbicara Tag sangat erat kaitannya dengan elemen dalam HTML, mengapa?
Karena tags adalah penyusun dan penanda sebbuah elemen HTML. Untuk sebuah elemen dibutuhkan dua buah tag HTML, yaitu tags untuk pembuka yang ditulis dengan symbol ‘kurang dari’ < dan tags penutup yang ditulis dengan symbol ‘lebih dari’ >, sedangkan untuk akhir sebuah blok element diakhiri dengan tanda ‘slash/garis miring’ / didepan kode elemen tersebut, Contoh : <title>Belajar HTML</title>

3.      Atribut dan Nilai
Atribut ini digunakan untuk mendefinisikan karakteristik suatu elemen, misalnya untuk menentukan tinggi sebuah gambar, ukuran dan jenis huruf yang digunakan, warna latar belakang halaman,dsb. Sedangkan Nilai adalah isi dari atribut itu sendiri.
Contoh atribut untuk membuat paragraph rata kanan kiri :
<p align=”justify”>……………………</p>

4.      Pengelompokkan
Dalam penulisan tags-tags sebuah elemen dengan elemen lainnya tidak boleh tercerai berai dengan kata lain harus tersusun secara berurutan dengan posisi elemen tersebut.
Contoh:
<A><B><C></C></B></A>
Atau
<A>
<B>
                        <C>
                        </C>
            </B>
</A>

Diposting oleh Tidak ada komentar:
Label:
Langganan: Postingan (Atom)