Link
Definisi Link atau di sebut juga hyperlink adalah
sebuah acuan dalam dokumen hiperteks (hypertex) ke dokumen yang lain
atau sumber lain. seperti hal nya suatu kutipan di dalam literatur.
dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol
akses, sebuah komputer dapat diminta untuk memperoleh sumber yang
direferensikan. Dan link dibagi menjadi 2 :link internal dan link eksternal
Internal Link merupakan sebuah sebuah teks atau image yang
membentuk link, dimana tujuan dari link tersebut masih mengarah pada
postingan yang ada di website/blog tersebut. jadi target link tersebut
tidak keluar dari website. dengan adanya internal link antar
masing-masing artikel maka akan membuat pengunjung blog anda akan terus
dan terus membaca artikel menarik lainnya yang ada di dalam blog anda,
sehingga memungkinkan untuk meningkatkan angka page views blog anda,
karena kemungkinan pembaca akan membaaca artikel lainnya akan semakin
besar.
Eksternal Link merupakan sebuah teks atau gambar yang membentuk
link dimana target dari link tersebut menuju ke website/blog lain.
dengan pengaturan yang baik dan terencana maka bukan tidak mungkin
dengan menggunakan eksternal link yang terkendali akan mampu untuk
membentuk sebuah rantai link yang sangat kuat dan mampu menaikkan SEO
blog-blog anda. dengan adanya eksternal link akan memberi peluang besar
blog lainnya untuk ikut dijelajahi juga oleh spider.
dan pada pratek kali ini saya membuat eksternal link yang menuju yahoo dan google, berikut tagnya
<html>
<head>
<title>Membuat Link</title>
</head>
<body>
internet adalah suatu jaringan private yang menggunakan produk dan
teknologi internet. salah satu teknologinya adalah web browser. internet
harus dilindungi dari pemakai internet luar dengan cara memasang
firewall atau sama sekalai tidak terhubung <a
href="http:yahoo.com">Yahoo</a> dengan dunia luar <a
href="http:/google.com">Google</a>.<p>
</body>
</html>
dan hasilnya akan seperti gambar dibawah
Tabel
Sebuah
dokumen tidak jarang digunakan untuk menampilkan data kepada
penggunanya. Terdapat banyak cara untuk menampilkan data, mulai dari
dengan menggunakan grafik, daftar, sampai dengan tabel. Untuk
menampilkan data dengan grafik pada HTML, kita dapat menggunakan gambar
(elemen img), sementara daftar jelas dibuat menggunakan elemen list.
Bagaimana dengan tabel? HTML memiliki elemen khusus untuk membuat tabel,
yaitu table.
Lalu
atribut - atribut dalam tabel seperti border, cellspacing, cellpading (
dengan menggunakan width, align, bordercolor, bordercolorlight, dan
bordercolordark ) serta penggunaan element TD, TR, dan TH.
Dan penjelasan dari atribut" tersebut :
Border : adalah
sebuah property fungsi border ini adalah untuk membuat garis tepi. Nahh
jika di dalam tabel html, atribut border ini digunakan untuk memberikan
efek garis tepi pada tabel. Jika kita tidak menambahkan atribut border
pada tabel, maka tabel akan di tampilkan tanpa garis tepi.
cellspacing : digunakan
untuk mengatur jarak antara garis tepi dari bagian dalam dengan garis
tepi yang dibagian luar. Nahh untuk nilainya juga sama seperti atribut
sebelumnya.
cellpading : untuk mengatur jarak kolom dalam tabel, antara kontent tabel dengan bagian sisi kolom tabel.
Pengertian Elemen :
TD : Elemen TD digunakan untuk mendefinisikan sel baris tabel.
TR : Elemen TR digunakan untuk mendefinisikan baris tabel
TH : Elemen TH digunakan untuk mendefinisikan judul kolom tabel.
Tag Pembuatan Tabel
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border="5">
<tr>
<td>Ini adalah tabel 1 baris dengan 1 kolom</td>
</tr>
</table>
</body>
</html>
hasilnya
Tabel dengan cellspacing dan cellpading
Tabel dengan cellspacing, cellpading, width dan align
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border="5" cellspacing="10" cellpadding="20">
<tr>
<td>Ini adalah tabel 1 baris dengan 1 kolom</td>
</tr>
</table>
</body>
</html>
hasilnya
Tabel dengan cellspacing, cellpading dan width
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border="5" cellspacing="10" width="50%">
<tr>
<td>Ini adalah tabel 1 baris dengan 1 kolom</td>
</tr>
</table>
</body>
</html>
hasilnya
Tabel dengan cellspacing, cellpading, width dan align
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border="5" cellspacing="10" cellpadding="10" width="60%" align="center">
<tr>
<td>Ini adalah tabel 1 baris dengan 1 kolom</td>
</tr>
</table>
</body>
</html>
hasilnya
Tabel dengan cellspacing, cellpading, width, align dan center
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border="5" cellspacing="10" cellpadding="10" width="60%" align="center" bgcolor="660AB7">
<tr>
<td>Ini adalah tabel 1 baris dengan 1 kolom</td>
</tr>
<tr>
</table>
</body>
</html>
hasilnya
Tabel dengan cellspacing, cellpading, width, align, bordercolor, bordercolorlight, dan bordercolordark
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border="5" cellspacing="10" cellpadding="10" width="60%"
align="center" bordercolor="660AB7" bordercolorlight="645AB2"
bordercolordark="#000000">
<tr>
<td>Ini adalah contoh header table</td>
</tr>
<tr>
<td>Ini adalah tabel 1 baris, 1 kolom</td>
</tr>
</table>
</body>
</html>
hasilnya
Sama saja dengan tabel diatas hanya saja disini akan terdapat 2 sel
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border="5">
<tr>
<th>Ini adalah header 1</th>
<th>Ini adalah header 2</th>
</tr>
<tr>
<td>Sel 1,1</td>
<td>
Sel 1,2
</td>
</tr>
<tr>
<td>
Sel 2,1
</td>
<td>
Sel 2,2
</td>
</tr>
</table>
</body>
</html>
hasilnya
Tidak ada komentar:
Posting Komentar