Berita Masa Kini
Minggu, 22 September 2019
UNGKAP LOKASI KKN DI DESA PENARI
Jumat, 16 Mei 2014
ATRIBUT HTML
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.
<a href="http://www.pemrograman.org/">Pemrograman</a>
Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman adalah value atau nilai atribut.
Berikut adalah beberapa atribut standar yang hampir dipakai semua elemen:
Atribut | Nilai | Keterangan |
---|---|---|
class | class_rule atau style_rule | Kelas elemen |
id | id_name | Nomor unik suatu elemen |
style | style_definition | Definisi gaya atau style |
title | tooltip_text | Tulisan yang akan tertampil pada tool tip |
name=’Komunitas “Programmer” Indonesia’
Sangat disarankan untuk penulisan atribut dan nilainya tetap menggunakan huruf kecil karena pada versi HTML yang lebih baru (X)HTML meminta penulisan menggunakan huruf kecil.
Elemen-elemen HTML
Dokumen HTML didefinisikan menggunakan elemen-elemen HTML / HTML elements.
Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.
Start tag * | Isi Elemen | End tag * |
---|---|---|
<p> | This is a paragraph | </p> |
<a href=”google.com” > | This is a link | </a> |
<br /> |
Sintaks elemen HTML mempunyai ciri sebagai berikut:
- Elemen HTML dimulai dengan start tag / opening tag
- Elemen HTML diakhiri dengan end tag / closing tag
- Isi Elemen / element content adalah semua yang terdapat diantara start tag dan end tag
- Beberapa elemen HTML tidak memiliki isi atau konten
- Elemen yang tidak memiliki isi atau kosong ditutup pada awal tag
- Sebagian besar elemen HTML dapat diberi atribut tertentu
Dalam penulisan dokumen HTML dipastikan menggunakan banyak elemen. Suatu elemen dapat berada di dalam elemen lain atau elemen tersebut menjadi isi / konten pada elemen lain. Hampir semua elemen HTML dapat bersarang. Sehingga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang bersarang.
Contoh Dokumen HTML
1 2 3 4 5 6 7 | <html> <body> <p>Paragraf pertama</p> </body> </html> |
Elemen <p>. Elemen ini mendefinisikan suatu konten yaitu sebuah paragraf pada dokumen HTML. Elemen ini dimulai dengan start tag <p> dan diakhiri dengan end tag </p>. Isi atau konten dari elemen ini adalah: Paragraf pertama
<p>Paragraf pertama</p>
<body> <p>Paragraf pertama</p> </body>
<html> <body> <p>Paragraf pertama</p> </body> </html>
Elemen HTML yang tidak memiliki konten atau isi disebut empty element / elemen kosong. Elemen dapat ditutup pada awal tag. <br> adalah contoh elemen kosong yang tidak memerlukan end tag. <br> bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti <br />. Walaupun <br> terbukti berjalan baik disemua browser, menulis <br /> akan lebih baik.
Terkadang kita sering lupa memberi end tag pada suatu elemen. Seperti contoh dibawah ini:
<p>Paragraf pertama</p> <p>Paragraf kedua</p>
Dasar HTML
HTML Headings
Heading atau Judul ditulis menggunakan tag <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>.
1 2 3 | <h1>Judul</h1> <h2>Judul</h2> <h3>Judul</h3> |
HTML Paragraphs
Paragraf ditulis menggunakan tag <p>.
1 2 3 4 5 6 | <p>Paragraf pertama</p> <p>Paragraf kedua</p> <p>Paragraf ketiga</p> <p>Paragraf keempat</p> <p>Paragraf kelima</p> <p>Paragraf keenam</p> |
HTML Links
Links ditulis menggunakan tag <a>.
1 | <a href="http://www.pemrograman.org/">Pemrograman.org</a> |
HTML Images
Gambar ditulis menggunakan tag <img>.
1 | <img src="statx.jpg" width="738" height="327" /> |
INSTALASI SISTEM OPERASI DASAR
Rabu, 14 Mei 2014
COMBO BOX
<html> <head> <title> combo box</title> </head> <body> <label for="Tanggal">Tanggal lahir</label> <select name=Tanggal> <option> 1 </option> <option> 2 </option> <option> 3 </option> <option> 4 </option> <option> 5 </option> <option> 6 </option> <option> 7 </option> <option> 8 </option> <option> 9 </option> <option> 10 </option> <option> 11 </option> <option> 12 </option> <option> 13 </option> <option> 14 </option> <option> 15 </option> <option> 16 </option> <option> 17 </option> <option> 18 </option> <option> 19 </option> <option> 20 </option> <option> 21 </option> <option> 22 </option> <option> 23 </option> <option> 24 </option> <option> 25 </option> <option> 26 </option> <option> 27 </option> <option> 28 </option> <option> 29 </option> <option> 30 </option> <option> 31 </option> </select> <label for="Bulan">Bulan</label> <select name=Bulan> <option> Januari </option> <option> Febuari </option> <option> Maret </option> <option> April </option> <option> Mei </option> <option> Juni </option> <option> Juli </option> <option> Agustus </option> <option> September </option> <option> Oktober </option> <option> November </option> <option> Desember </option> </select> <label for="Tahun">Tahun</label> <select name=Tahun> <option> 1990 </option> <option> 1991 </option> <option> 1992 </option> <option> 1993 </option> <option> 1994 </option> <option> 1995 </option> <option> 1996 </option> <option> 1997 </option> <option> 1998 </option> <option> 1999 </option> <option> 2000 </option> <option> 2001 </option> <option> 2002 </option> <option> 2003 </option> <option> 2004 </option> <option> 2005 </option> <option> 2006 </option> <option> 2007 </option> <option> 2008 </option> <option> 2009 </option> <option> 2010 </option> <option> 2011 </option> <option> 2012 </option> <option> 2013 </option> <option> 2014 </option> </select> </body> </html>
Kamis, 01 Mei 2014
LatihanKomentar
Berkomentarlah kalau bukan kita siapa lagi,kalau bukan sekarang kapan lagi : |
||
Nama | : | |
: | ||
Komentar | : | |
LatihanWeb
Home | Profil Saya | Galeri | Content |
l.
SEJARAH HTML
|
Links Web Sahabat |
||
COPYRIGHT © 2013-2014 TKJ SMKN 5 KAB TANGERANG |