Trik Blogger

Trik-trik mempercantik blogger,kumpulan trik blogger terlengkap,trik blogspot,cara membuat blog,trik membuat blog tampil menarik

Senin

Home » » Tutorial HTML Bab.9

Tutorial HTML Bab.9

By No comments
Bab 9: navigasi Dalam Suatu Dokumen
Navigasi Dalam Sebuah Dokumen ...
Bukankah akan lebih baik untuk dapat mengklik link dan pindah ke daerah lain dalam halaman yang sama? Yah Anda bisa. Anda akan menggunakan tag anchor normal (<A HREF>) kecuali bukan menempatkan halaman lain dalam tanda kutip, kita akan menggunakan nama bagian dari dokumen, yang dimulai dengan #. Untuk nama bagian dari dokumen, pergi ke area yang Anda inginkan untuk nama, dan tempat <a name="name_of_area"> teks </ a>, kemudian untuk memanggil link ke tempat itu dari tempat lain dalam dokumen, gunakan < a href = "# name_of_area"> teks </ a> Contoh:
<a href="#section2"> Go To Bagian 2 </ a> <br>
bla <br>
bla <br>
bla <br>
bla <br>
bla <br>
bla <br>
<a name="section2"> Welcome To Bagian 2! </ a>

Go To Bagian 2
bla
bla
bla
bla
bla
bla
Selamat Untuk Bagian 2!
Setelah Anda memiliki bagian bernama, Anda bahkan dapat menyebutnya dari dokumen-dokumen lainnya ... misalnya, jika Anda bernama index.html bagian dalam disebut section2, Anda bisa menyebutnya dari bookmarks.html menggunakan <a href="index.html#section2">.

Halaman HTML Anda sendiri ...
Tambahkan baris berikut ke halaman HTML Anda ( "Home.htm") (teks biru adalah apa untuk menambahkan).
<html>
<head> <title> My Home Page </ title> </ head>
<! - Tubuh dimulai di sini - dan sebuah gambar latar belakang di-load ->
<body background="bgnd.gif">

<! - Ini adalah sebuah heading, dengan warna biru ->
<center> <font color="blue"> <h1> Yourname's Home Page </ h1> </ font> </ center>
<! - Ini adalah garis horizontal ->
<hr>
<! - Nama saya dan kedua gambar adalah bagian dari link - yang merupakan "mailto" link ->
Ini adalah halaman rumah <a ADDRESS"> <img href="mailto:YOUR EMAIL src="bullet.gif" border=0> <b> Yourname </ b>. <Img src = "bullet.gif" perbatasan = 0> </ a>
<p> Ketik sesuatu tentang diri Anda di sini. Jelaskan secara singkat siapa Anda dan apa yang Anda lakukan untuk mencari nafkah. Ingatlah untuk menggunakan teks tebal dan miring, untuk penekanan. </ P>

<! - Ini adalah daftar ordered bagian dalam dokumen ->
<ol>
<! - Item pertama adalah link ke bagian berlabel FavLinks ->
<li> <a href="#FavLinks"> My Favourite Web Sites </ a> </ li>
<! - Yang kedua item link ke bagian berlabel Hobbies ->
<li> <a href="#Hobbies"> My Hobbies </ a> </ li>
</ ol>

<hr>

<! - Perintah ini label titik ini sebagai bagian FavLinks ->
<a name="FavLinks">
<h2> My favourite Web Sites </ h2>
</ a>

<br>

<! - Daftar ini daftar unordered ->
<ul>
<li> <a href = "http://www.xencon.com" & gtXenon Web Design </ a> </ li>
<li> <a href = "http://www.microsoft.com" & gtMicrosoft </ a> </ li>
<li> <a href = "http://www.sybase.com" & gtSybase </ a> </ li>
<li> <a href = "http://www.sybase.co.za" & gtSybase Afrika Selatan </ a> </ li>
</ ul>

<hr>

<! - Perintah ini label titik ini sebagai bagian Hobbies ->
<a name="Hobbies">
<h2> My Hobbies </ h2>
</ a>
Bicara tentang hobi Anda di sini.
</ body>
</ html>
Simpan file teks sebagai "Home.htm".
Share:  Facebook Twitter Google+

0 komentar:

Posting Komentar