Selamat malam teman-teman, lama tak posting di blog ini karena lagi ujian akhir semester. Sekarang sudah selesai dan mulai blogging lagi, hehehe ^.^
Untuk teman-teman yang sedang mencari materi tentang bahasa c, silakan kunjungi http://bahasa-c-ku.blogspot.com/. Semoga bermanfaat untuk teman-teman. Terimakasih.
Sebelum presentasi, saya akan share tugas saya komputer grafik berikut. Silakan untuk mendownload source code program dari tugas saya komputer grafik tentang garis DDA, Transformasi dan Cohen Sutherland di sini
Pada kesempatan kali ini saya akan membahas tentang tag<bdi> yang berada pada html 5, tag ini baru
diperkenalkan di HTML5. Tag <bdi> ini adalah singkatan dari bi-directional isolation. Tag<bdi>berfungsi mengisolasi atau membatasi bagian dariteks yangdapatdiformat dalamstyle atau aturan yang berbedadari tekslain selainyang diatur menggunakan tag <bdi> itu.Elemen iniberguna ketika meletakkan konten yang dibuat atau dihasilkan oleh pengguna dengandirectionality/arahyang tidak diketahui.
Berikut contoh penggunaan dari tag <bdi> :
<!DOCTYPE html> <html> <body>
<p>Dalamcontoh di bawah,nama penggunaakan ditampilkanbersama denganjumlahpoin dalamkontes.Jika elemenbditidak didukungdalam browser,nama pengguna daripenggunaArabakan mengacaukanteks(algoritmabidirectionalakanmenempatkantanda titik dua dannomor"90"di sampingkata "User"bukan disebelahkata "points"".).
Maka akan menghasilkan tampilan sebagai berikut, jika tag bdi disupport oleh browser :
Dalamcontoh di bawah,nama penggunaakan ditampilkanbersama denganjumlahpoin dalamkontes.Jika elemenbditidak didukungdalam browser,nama pengguna daripenggunaArabakan mengacaukanteks(algoritmabidirectionalakanmenempatkantanda titik dua dannomor"90"di sampingkata "User"bukan disebelah/di bagian kata "points").
User hrefs: 60 points
User jdoe: 80 points
User احمد: 90 points
Untuk tag baru dari HTML5 ini, tidak semua browser sudah mensupportnya. Untuk sekarang ini yang sudah mensupport adalah Mozilla Firefox dan Google Chrome, sedangkan yang lain belum. Berikut ini tampilan ketika menjalankan tag <bdi> dalam beberapa browser :
Google Chrome
Opera
Internet Explorer
Mozilla Firefox
Dari keempat browser di atas terlihat jika Mozilla firefox dan Google Chrome dapat menampilkan sesuai dengan setingan dari tag bdi, yaitu poin akan ditampilkan setelah nama seperti pada nama di atasnya, sedangkan pada Opera dan Internet Explorer urutan dari nama dan poin akan terbalik.
Demikian sekilas tentang fungsi dari tag bdi yang merupakan fitur baru dalam HTML5, semoga bermanfaat.
Nama : Rahmawan Bagus Trianto
NIM : A11.2010.05199
Kelompok : A11.4513
Pemrograman Web terdiri dari dua suku kata, yaitu pemrograman dan web. Pemrograman atau programming adalah suatu proses, cara untuk memprogram, sedangkan web adalah suatu jaringan komputer yang terdiri dari kumpulan situs internet yang dapat menampilkan teks, grafik, suara, animasi melalui protokol hypertext. Protokol yang digunakan diantaranya adalah HTTP. HTTP adalah suatu protokol yang digunakan untuk mentransfer data dalam WWW.
Untuk dapat memprogram suatu web, maka dibutuhkan suatu bahasa pemrograman web, salah satunya adalah HTML. HTML atau HyperText Markup Language adalah sebuah bahasa markup yang digunakan untuk membuat halaman web dan menampilkan berbagai konten dalam halaman suatu browser internet. HTML memiliki struktur berupa head dan body. Dalam setiap halaman HTML harus lengkap memiliki keduanya. Sebagai contoh dapat kita lihat struktur penulisannya sebagai berikut :
<html> adalah tag dasar yang menunjukkan jika dokumen ini adalah dokumen html.
<head> adalah tag selanjutnya setelah tag <html> yang berfungsi untuk menampilkan informasi tentang dokumen web yang akan ditampilkan.
<title> adalah tag di dalam tag <head> untuk menapilkan judul dari dokumen web pada browser.
<body> adalah tag yang berisi konten atau isi dari dokumen yang akan ditampilkan pada browser.
Beberapa perintah dasar yang biasa digunakan untuk penulisan HTML adalah sebagai berikut :
<h1> sampai <h6> : untuk mengubah ukuran teks
<hr> untuk membuat garis horisontal
<i> untuk membuat teks miring
<b> untuk membuat teks tebal
<u> untuk membuat teks begaris bawah
<center> untuk menengahkan teks
<br> untuk memasukan fungsi enter atau ganti baris kebawah
<p> untuk memisahkan paragraf
<font> dan <face> untuk mengubah jenis dan ukuran font
<ul> untuk membuat daftar list
<li> untuk mendefinisikan list dalam tag
<ol> untuk membuat daftar list
Sebagai contoh dari tag-tag di atas dapat kita lihat sebagai berikut :
<html>
<head><title>latihan html 1</title>
</head>
<body>
<h1 align=”center”>
<font face=”Times New Roman”>Tugas Pemrograman Web</h1>
</font>
<p><b>Pemrograman Web</b></p>
<h2>Disusun Oleh :</h2>
<ol>
<li>Rahmawan Bagus Trianto</li>
</ol>
<h2>Tema yang diambil :</h2>
<ul>
<li>Pemrograman Web</li>
<li>HTML, PHP, JavaScript, Css, dll</li>
</ul>
<p><blink>Tugas pemrograman web melakukan text formatting terhadap artikel yang sudah ditentukan.</blink></p>
</body>
</html>
sumber : http://ardhiyatma.blogspot.com/2010/10/bahasa-pemrograman-html.html
http://id.wikipedia.org/wiki/Pemrograman_web
