LINK (Belajar Web Part 2)
08.47.00ﺑﺴﻢﷲﺍﻠﺮﺤﻤﻦﺍﻠﺮﺤﻴﻢ
Sudah lama tidak ngepost belajar web. Sekarang kita belajar membuat link. Oke sok chekidot :
Salah satu kekuatan tag HTML adalah dapat dihubungkan (link) degan dokumen teks, gambar aatau baguana dari suatu dokumen. format link antar dokumen adalah:
<a> ............. </a>
cara untuk membuat hypertext adalah sebagai berikut :
- Buka tag pembuka yaitu <a (beri spasi sesudah huruf a)
-Tentukan alamat dokumen yang akan dituju oleh file yag akan di link, yaitu href="nama file" diikuti dengan tanda >
-Tuliskan teks yang berfungsi sebagai arah dari hypertext
akhiri dengan tanda </a> sebagai tag penutup
Contoh pertama :
kita akan me link kan alamat URL (Uniform Recources Locator) Universitas Negeri Yogyakarta
<a href="http://uny.ac.id"> Situs Universitas Negeri Yogyakarta </a>
Contoh kedua :
File index.html akan di link kan degan dokumen
<a href="nama_file"> File yang akan di link </a>
contoh pertama di atas merupakan tag untuk Absolute Link URLs (Absolute Link) dan contoh ke dua di atas merupakan tag untuk Relative URLs (relative link).
Contoh ketiga (me link kan email) :
<a href="mailto:sitimahmudah.informatika@gmail.com"> alamat email mahmudahsiti <a>
Tugas nih :
1. membuat absolute link (beda folder)
<html>
<head>
<title> Pemrograman Web
</title>
</head>
<body>
<h1> Jurusan Pendidikan Teknik Elektronika dan Informatika </h1>
<pre>
<p>
Selamat Datang Di.....
Jurusan Pendidikan Teknik Elektronika dan Informatika
Fakultas Teknik Universitas Negeri Yogyakarta
Kampus Karangmalang Yogyakarta
Telp. 0274-554686
</p>
</pre>
<p>Ini link ke situs UNY :</p>
<a href=http://uny.ac.id> Situs Universitas Negeri Yogyakarta </a>
<p>Ini Link ke ke dokumen :</p>
<a href=D:\maz\pemrog_web\coba.doc> File : kalimat_link.doc </a>
</body>
</html>
2. membuat relative link (file yang di link kan di tempatkan satu folder dengan file html)
<html>
<head>
<title> Pemrograman Web
</title>
</head>
<body>
<h1> Jurusan Pendidikan Teknik Elektronika dan Informatika </h1>
<pre>
<p>
Selamat Datang Di.....
Jurusan Pendidikan Teknik Elektronika dan Informatika
Fakultas Teknik Universitas Negeri Yogyakarta
Kampus Karangmalang Yogyakarta
Telp. 0274-554686
</p>
</pre>
<p>Ini link ke situs UNY :</p>
<a href=http://uny.ac.id> Situs Universitas Negeri Yogyakarta </a>
<p>Ini Link ke ke dokumen :</p>
<a href=coba.doc> File : kalimat_link.doc </a>
</body>
</html>
sumber : Labsheet Ke 2 Pemrograman Web
Di coba aja sendiri ya ... (Y) KOWAWA...
Postingan
0 komentar