HTML Hyperlinks (Links)
Digunakan untuk membuat link/penghubung antara suatu halaman dengan halaman lain, ke URL lain, juga digunakan dalam satu halaman untuk berpindah ke sub judul yang lain atau ke lokasi tertentu dalam satu halaman yang sama.
Sintak tag link adalah sebagai berikut:
Sintak tag link adalah sebagai berikut:
<a href="url_tujuan">nama_link</a>
url_tujuan bernilai lokasi atau nama file yang akan dituju. Sedangkan nama_link adalah nilai yang akan ditampilkan di browser sebagai teks link atau tombol penghubung. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah dan atribut warnanya dapat diatur dalam tag <body>.
Untuk membuat link ke alamat URL adalah dengan menambahkan:
http://nama_URL.
Contoh:
<a href=”http://www.dikti.org”>www.dikti.org</a>
<a href=”http://www.smpnegeri1sleman.sch.id”>www.smpn1sleman.sch.id</a>
Hasilnya:
www.dikti.org
www.smpn1sleman.sch.id
Link ke Alamat Email
Link email adalah membuat link pada teks, jika teks tersebut diklik maka akan menampilkan program pengiriman email yang terdapat pada komputer yang dipakai untuk mengakses data atau teks tersebut secara otomatis.
Untuk membuat link ke alamat email hanya menambahkan atribut mailto:alamat_email ke dalam tag <A href>
Misalnya:<a href="mailto:dwinnear@yahoo.com">Kirim email</a>
Hasilnya:
Sumber belajar: w3school
HTML Text Formatting
HTML yang digunakan untuk pengaturan teks sebagai berikut:<b>This text is bold</b>Hasilnya nampak seperti berikut:
strong>This text is strong</strong>
<big>This text is big</big>
<i>This text is italic</i>
<em>This text is emphasized</em>
<code>This is computer output</code>
This is<sub> subscript</sub> and <sup>superscript</sup>
Format penulisan huruf yang lain:
This text is bold
This text is strong
This text is big
This text is italic
This text is emphasizedThis is computer output
This is subscript and superscript
<font size="5" color="red">This is some text!</font>Hasilnya:
<font size="2" color="blue">This is some text!</font>
This is some text!Sumber belajar: w3schools
This is some text!
Dasar-dasar HTML
HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.
Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan
<html>
<head>
<title>Judul Halaman Web</title>
</head>
<body>
ISI Halaman WEB
</body>
</html>
Keterangan:
<html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML.
<head> .. </head> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<title> .. </title> Sebagai titel atau judul halaman/form. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
<body> .. </body> Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.
Pengaturan warna dalam dokumen HTML menggunakan mode kombinasi RGB (red, green, blue). Setiap warna ditampilkan dalam dua digit nilai heksadesimal (0, 1, 2, ..., F). Setiap bagian dua digit kode menunjukkan banyaknya intensitas dari kombinasi warna merah, hijau dan biru.
Berikut ini warna-warna yang dapat digunakan dalam halaman HTML:
White => #FFFFFF
Black => #000000
Red => #FF0000
Green => #00FF00
Blue => #0000FF
Magenta => #FF00FF
Cyan => #00FFFF
Yellow => #FFFF00
<html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML.
<head> .. </head> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<title> .. </title> Sebagai titel atau judul halaman/form. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
<body> .. </body> Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.
Pengaturan warna dalam dokumen HTML menggunakan mode kombinasi RGB (red, green, blue). Setiap warna ditampilkan dalam dua digit nilai heksadesimal (0, 1, 2, ..., F). Setiap bagian dua digit kode menunjukkan banyaknya intensitas dari kombinasi warna merah, hijau dan biru.
Berikut ini warna-warna yang dapat digunakan dalam halaman HTML:
White => #FFFFFF
Black => #000000
Red => #FF0000
Green => #00FF00
Blue => #0000FF
Magenta => #FF00FF
Cyan => #00FFFF
Yellow => #FFFF00
Latihan 1 Penerapan Fungsi Excel
Latihan 1a.Silakan buat tabel seperti dibawah ini:
Kemudian lengkapi Rp. - dengan nilai yang sebenarnya. Gunakan rumus yang sesuai, sehingga hasilnya benar.
Jumlah Total = Harga barang dikali dengan Jumlah barang.
Jumlah = Jumlah total tiap barang dijumlahkan.
Sehingga menjadi seperti tabel dibawah ini:
Nah, setelah selesai silakan lanjutkan tabel yang kedua berikut ini:
Latihan 1b.
Silakan buat tabel dibawah ini:
Petunjuk pengisian:
Jumlah = Nilai Matematika ditambahkan dengan bilai B. Inggris, IPA dan B. Indonesia.Begitu juga untuk jumlah bagian bawah tabel:
Rata-rata = Jumlah dibagi dengan jumlah mata pelajaran.
Jumlah Total = jumlah dari seluruh nilai tabel diatasnya.
Rata-rata = Jumlah total dibagi dengan jumlah peserta.
Sehingga tabel akan menjadi seperti:
........:: Selamat berlatih ::........
Daftar Tugas Blog 8C
Subscribe to:
Posts
(
Atom
)
3 comments :
Post a Comment