Rigged Diamond - Informasi dan Teknologi

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan tabel. MATERI: Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data) ELEMENT TABLE Element TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align , bgcolor , border , cellpadding (jarak antara tepi sel dengan isi sel), cellspacing (jarak antara sel), width (lebar tabel), height (tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD. Sintaks: <table     align="left"|"center"|"right"    bgcolor="color"    border="pixel"    cellpadding="pixel"    cellspacing="pixel"    width="pixel"|"%"    height="pixel"|"%" > ........................ </table> ELEMENT CAPTION  Element CAPTION berfungsi untuk membuat judul dari tab...

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pemformatan teks. MATERI: Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule) ELEMENT BR (Line Break) Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup. Sintaks: <br> ELEMENT P (Paragraph) Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di awal dan akhir paragraf. Tag penutup </p> sifatnya optional jika suatu paragraf diikuti oleh paragraf berikutnya. Jika tag </p> diabaikan, maka paragraf itu tidak akan diikuti dengan baris kosong di akhir paragraf. Element P mempunyai attribute yaitu align yang bernilai "left" , "center" , "right" yang menspesifikasikan posisi tepi horizontal dar...

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element frame untuk menampilkan informasi dalam bentuk subwindows. MATERI: Element FRAMESET, Element FRAME, Element NOFRAMES ELEMENT FRAMESET Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu  cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border , bordercolor , frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY. Sintaks: <frameset      cols="list"      rows="list"      border="pixel"      bordercolor="color"      frameborder="yes"|"no"      framespacing="pixel">    ........................... </frameset> ELEMENT FRAME Element FRAME mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attr...

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan form. MATERI: Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA ELEMENT FORM Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action , dan method . Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST). Sintaks: <form action="action" method="GET"|"POST">    ........................... </form> ELEMENT INPUT Element INPUT berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu  name , size , type , value , checked . Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/re...

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menghubungkan ke internal atau eksternal halaman web. MATERI: Element A ELEMENT A Element A befungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href , name , dan  target .  Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web. Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor). Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru. Sintaks: <a href="uri" name="name" target="_blank"|"parent"|"_top"|"_self">    ........................... </a> LATIHAN Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk mel...

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menampilkan gambar. MATERI: Element IMG (Image) ELEMENT IMG Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align , alt (teks alternatif jika gambar tidak tampil), border , height , width , hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama file-nya). Sintaks: <img    align="left"|"right"|"top"|"middle"|"bottom"    alt="text"    border="pixel"    width="pixel"|"%"    height="pixel"|"%"    hspace="pixel"    vspace="pixel"    src="uri"> LATIHAN Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah fil...

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan daftar urutan. MATERI: Element OL(ordered list), Element UL(unordered list), Element LI(list item). ELEMENT OL (Orderd List) Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start , dan type . Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start="1" type="1" ). Dalam element OL harus terdapat beberapa element LI. Sintaks: <ol start="number" type="A"|"a"|"I"|"i"|"1"> ........................ </ol> ELEMENT UL (Unordered List) Element UL berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)...

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML. MATERI: Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY. STRUKTUR DASAR DOKUMEN HTML HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan. Struktur dasar dokumen HTML adalah sebagai berikut: <html> <head> <title> Disini Judul Dokumen HTML </title> </head> <body>         Disini penulisan informasi Web </body> </html> Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut: a. Tag Adalah teks khusus ( markup ) berupa dua karakter " < " dan " > ",  sebagai contoh  <body> adalah tag dengan nama body. Secara umum tag ditulis...

wahai anag2 teknik informatika d-3 yang saya banggakan,, jikalau kalian ingin belajar lebih lanjut tentang HTML maka saya sarankan agar kakian mempelajarinya pada situs berikut!!! klik disini "belajar HTML " situs satu ni da mantab betul ale!!! ada editornya jg,, mantav dah pokoke!!!

Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website. Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML. Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan. Untuk belajar anda dapat menggunakan program HTML seper...