looping

1.Perulangan ( Looping )

Jenis Perulangan

 Perulangan dengan perhitungan (counter)
 Perulangan dengan kondisi terpenuhi
 Perulangan dengan kodisi tidak terpenuhi

2.Perulangan Counter

 Perintah For…To …Do …
 Perintah For… DownTo…Do …
Perintah For…To …Do…
Digunakan untuk perulangan dengan jumlah
yang ditentukan terlebih dahulu dari nilai
kecil ke besar ( Increasing )
Bentuk Umum : For  variabel_kontrol : =
nilai_awal To nilai_akhir Do Statement ;
Contoh : For index:=1 to 10 do
writeln(‘Ulang’);
Contoh : For i := 1 to n do a := 3*i {
dengan n > 1 }

3.Perintah For… DownTo…Do…

Digunakan untuk perulangan dengan jumlah yang
ditentukan terlebih dahulu dari nilai besar ke
kecil ( Decreasing )
Bentuk Umum : For variabel_kontrol:= nilai_awal
DownTo nilai_akhir Do Statement ;
Contoh : For index:=10 downto 1 do
writeln(‘Ulang’);
Contoh : For i := 100 downto n do a := I
{dengan n < 100}
Perulangan dengan kondisi terpenuhi
 While … do …

4.While … Do …
Digunakan untuk perulangan sebanyak sampai
sudah terpenuhi kriteria yang ditentukan.
Bentuk Umum : While ungkapan_logika Do
Statement ;
While i<= 5 Do
begin
writeln(I);
i: = i +1 ;
end ;
Perulangan dengan kondisi tidak
terpenuhi
 Repeat … until …
5
Repeat … Until …
Digunakan untuk perulangan sebanyak sampai
sudah terpenuhi kriteria yang tidak ditentukan.
Bentuk Umum :
Repeat Statement ;
Until ungkapan_logika ;
Repeat
writeln ( I ) ;
I : = I +1; Until I >= 5;
Contoh program perulangan biasa
 program perkalian;
 uses crt;
 var x,x2,x3:integer; seperx:real;
 begin
 clrscr;
 writeln('........................');
 writeln(' x x*x x*x*x 1/x');
 writeln('........................');
 for x:=1 to 10 do
 begin
 x2:=x*x;
 x3:=x*x*x;
 seperx:=1/x;
 writeln(x:3,x2:5,x3:7,seperx:10:3);
 end;
 readln;end.
6
Contoh Perulangan Tersarang
 program ulangsarang;
 uses crt;
 var i,j:integer;
 begin
 clrscr;
 for i:=1 to 5 do
 begin
 for j:=1 to 3 do
 write(i:8,j:3);
 writeln;
 end;
 readln;
Contoh program rekursif
 program pangkat;
 uses crt;
 var A,x,i,hasil:integer;
 begin
 writeln('masukkan bilangan yang akan di
pangkatkan');readln(A);
 

 writeln('masukkan bilangan pangkat');readln(x);
 hasil:=1;
 for i:=1 to x do
 hasil:=hasil*A;
 writeln('hasil dari ',A,' pangkat ',x,' adalah ',hasil);
 readln;

end.

teori bahasa dan automata ( mesin turing )

baca selengkapnya

1. Teori Bahasa Automata Dalam Ilmu Komputer
2. Teori Bahasa Automata II
3. Analisis Sistem Informasi
4. Teori Bahasa dan Automata III

MESIN TURING dan AGEN AI

Mesin Turing adalah model komputasi teoritis yang ditemukan oleh Alan Turing, berfungsi sebagai model ideal untuk melakukan perhitungan matematis. Walaupun model ideal ini diperkenalkan sebelum komputer nyata dibangun, model ini tetap diterima kalangan ilmu komputer sebagai model komputer yang sesuai untuk menentukan apakah suatu fungsi dapat selesaikan oleh komputer atau tidak (menentukan computable function). Mesin Turing terkenal dengan ungkapan ” Apapun yang bisa dilakukan oleh Mesin Turing pasti bisa dilakukan oleh komputer.”

Mesin Turing adalah model yang sangat sederhana dari komputer. Secara esensial, mesin Turing adalah sebuah finite automaton yang miliki sebuah tape tunggal dengan panjang tak terhingga yang dapat membaca dan menulis data.

Mesin Turing menggunakan notasi seperti ID-ID pada PDA untuk menyatakan konfigurasi dari komputasinya.

Mesin terdiri dari sebuah finite control, yang dapat berada dalam sebuah himpunan berhingga dari state. Terdapat sebuah tape yang dibagi ke dalam kotak-kotak atau sel-sel. Setiap sel dapat menampung sebuah dari sejumlah berhingga dari simbol.

Pada awalnya, input yang merupakan string dari simbol dengan panjang berhingga dipilih dari input alphabet, ditempatkan pada tape.

• Sel-sel tape yang lain, perluasan secara infinite ke kiri dan ke kanan, pada awalnya menampung simbol khusus yang dinamakan blank.
•  Blank bukan sebuah input symbol, dan mungkin terdapat simbol tape yang lain disamping input symbol dan blank.
• Terdapat sebuah tape head yang selalu ditempatkan pada salah satu dari sel-sel tape.
• Mesin turing dikatakan men-scan sel tersebut. Pada awalnya, tape head berada pada sel paling kiri yang menampung input.

Sebuah pergerakan mesin Turing adalah sebuah fungsi dari state dari finite control dan tape symbol yang di-scan.

Dalam satu pergerakan, mesin Turing akan:

Merubah state.v Next state dapat sama dengan current state.v Menulis sebuah tape symbol dalam sel yang di-scan. Tape symbol ini mengganti symbol apapun yang ada dalam sel tersebut. Secara opsional, simbol yang dituliskan dapat sama dengan simbol yang sekarang ada dalam tape.

Memindahkan tape head ke kiri atau ke kanan.v

Mesin Turing dijelaskan oleh 7-tuple:

M = (Q, S, G, d, q0, B, F)

Komponen-komponennya adalah:
• Q: Himpunan berhingga dari state dari finite control.

• S: himpunan berhingga dari simbol-simbol input.

• G: Himpunan dari tape symbol. S merupakan subset dari G.

• d: Fungsi transisi. Argumen d(q, X) adalah sebuah state q dan sebuah tape symbol X. Nilai dari d(q, X), jika nilai tersebut didefinisikan, adalah triple (p, Y, D), dimana:

• p adalah next state dalam Q

• Y adalah simbol, dalam G, ditulis dalam sel yang sedang di-scan, menggantikan simbol apapun yang ada dalam sel tersebut.

• D adalah arah, berupa L atau R, berturut-turut menyatakan left atau right, dan menyatakan arah dimana head bergerak.

• q0: start state, sebuah anggota dari Q, dimana pada saat awal finite control ditemukan.

• B: simbol blank. Simbol ini ada dalam G tapi tidak dalam S, yaitu B bukan sebuah simbol input.

• F: himpunan dari final state, subset dari Q.


Sebuah mesin turing terdiri atas barisan sel tersusun berupa pita yang dapat bergerak maju mundur, komponen aktif baca/tulis pita yang memiliki status perhitungan serta dapat mengubah/menulisi sel aktif yang ada di pita tadi, dan suatu kumpulan instruksi bagaimana komponen baca/tulis ini harus melakukan modifikasi terhadap sel aktif pada pita, serta bagaimana menggerakkan pita tersebut. Pada setiap langkah dalam komputasi, mesin ini akan dapat mengubah isi dari sel yang aktif, mengubah status dari komponen baca/tulis, dan mengubah posisi pita kekiri atau kekanan.

Alan Mattison Turing lahir di Paddington London, 23 Juni 1912. Turing melewati awal hidupnya di sebuah rumah panti asuhan di India. Saat kembali ke Inggris tahun 1926, Turing bersekolah di Sherborne. Keingintahuannya dalam bidang matematika dan sains sangat berbading terbalik dengan minatnya dibidang Bahasa dan social.

Tahun 1931 Turing bersekolah di King’s College, Cambridge University. Dalam penelitiannya Turing lebih banyak “menciptakan kembali” dibandingkan “menggunakan” temuan yang sudah ada. Setelah lulus Turing mendapat keanggotaan di King’s College (1935).Pada saat ini lah Turing mempunyai konsep mengenai “Mesin Turing”. Melalui sebuah kuliah, di tahun 1935, Turing diperkenalkan pada pertanyaan berkaitan dengan Logika Matematika, yang di ajukan oleh Hilbert. Ini adalah pertanyaan tentang “Decidability”, “the Entscheidungs problem”. “Mungkinkah ada, walau hanya dalam teori, sebuah metode atau proses yang mampu menyelesaikan semua bentuk dan jenis pertanyaan matematika ?”.

Menanggapi pertanyaan ini Turing memberikan solusi mekanikal berupa konsep “Mesin Universal Turing”. Dalam konsep ini turing menggambarkan sebuah mesin yang mampumembaca rangkaian beberapa “nol dan satu” (binary digit) yang akan menjelaskan cara penyelesaian masalah matematika, dan menyediakan jawaban yang dibutuhkan. Inti dari mesin ini yang dikemudian hari dikenal sebagai ide tentang sebuah komputer. Mesin ini masih berupa konsep, sampai kemudian diwujudkan dalam bentuk nyata beberapa tahun kemudian.

Agustus 1936, Turing mengeluarkan paper untuk konsep ini berjudul “On Computable Numbers With an Application to the Entscheidungs problem”. Ditahun yang sama dia mendapatkan “Smith’s Prize” (penghargaan dari Cambridge University) untuk pekerjaannya dalam teori probabilitas dan kemudian melanjutkan ke Princeton University.

Selama perang dunia II(1939-1945), Turing bekerja pada Depertemen Komunikasi Britania Raya. Disana dia ditugaskan untuk memecahkan kode sandi yang diciptakan oleh Mesin Enigma milik pihak Jerman. Ini adalah pekerjaan berat karena mesin ini mampu menghasilkan kode yang berubah secara konstan, dan untuk memecahkannya adalah suatu hal yang mustahil pada zaman itu. Namun ternyata itu tidak mustahil bagi Turing, yang kemudian menciptakan “COLOSSUS”, sebuah mesin yang mampu memecahkan kode enigma dalam waktu singkat. Mesin ini juga merupakan suatu awal menuju Komputer Digital.

Turing juga mempunyai minat yang sangat besar dalam pengembangan “Artificial Intelligence”. Untuk itu dia menghabiskan satu tahun di Cambridge untuk mempelajari Neurologi dan Fisiologi. Di tahun 1947 dia menulis sebuah paper (tidak pernah diterbitkan selama hidupnya) mengenai konsep yang sekarang dikenal dengan “jaringan neural”, dimana serangkaian ssistem kompleks mampu memeliki kemampuan belajar. Kemudian tahun 1950 mengeluarkan paper yang berpengaruh besar berjudul “Computing Machinery and Intelligence”. Dalam papernya ini Turing mengusulkan “Tes Turing” sebagai sebuah metode untuk menentukan apakah sebuah mesin memiliku “Artificial Intelligence”. Hingga tahun 1990-an Tes ini masih dianggap sebagai cara yang paling baik untuk menentukan intelegensia dari sebuah mesin.

Turing juga berusaha untuk mewujudkan konsep “Mesin Turing” menjadi kenyataan dalam bentuk “Automatic Computing Engine” di “National Physical Laboratory”, walaupun pekerjaan ini tidak pernah selesai. Kemudian ia berpindah ke University of Manchester, membuat panduan untuk operasi Manchester Automatic Digital Machine (MADAM).

Turing mempunyai banyak kemampuan. Selain di bidang komputer, Turing juga mengeluarkan paper dalam bidang Biologi, berjudul “The Chemical Basis of Morphogenesis”. Yang mengejutkan, Turing pernah menjuarai kejuaran lari jarak jauh dan menengah di tingkat negara bagian Amerika, dan bahkan nyaris mewakili Amerika di Olimpiade. Ini dilakukannya untuk menghilangkan stress.

Dalam kecerdasan buatan, sebuah agen cerdas (IA) adalah sebuah entitas otonom yang mengamati dan bekerja pada sebuah lingkungan (yaitu ia adalah sebuah agen) dan mengarahkan aktivitasnya ke arah pencapaian tujuan. Intelligent agen mungkin juga belajaratau menggunakan pengetahuan untuk mencapai tujuan mereka. They may be very simple or very complex : a reflex machine such as a thermostat is an intelligent agent, as is a human being, as is a community of human beings working together towards a goal. Mereka mungkin sangat sederhana atau sangat kompleks: sebuah mesin refleks seperti termostat adalah agen yang cerdas, seperti manusia, seperti komunitas manusia bekerja bersama menuju tujuan.

Intelligent agents are often described schematically as an abstract functional system similar to a computer program . Agen cerdas sering digambarkan secara skematik sebagai sistem fungsional abstrak mirip dengan program komputer. For this reason, intelligent agents are sometimes called abstract intelligent agent s (AIA) to distinguish them from their real world implementations as computer systems, biological systems, or organizations. Untuk alasan ini, agen cerdas kadang-kadang disebut agen cerdas abstrak (AIA) untuk membedakan mereka dari dunia nyata implementasi sebagai sistem komputer, sistem biologis, atau organisasi. Some definitions of intelligent agents emphasize their autonomy , and so prefer the term autonomous intelligent agent s.Beberapa definisi agen cerdas mereka menekankan otonomi, dan jadi lebih suka istilah otonom agen cerdas. Still others (notably Russell & Norvig (2003) ) considered goal-directed behavior as the essence of intelligent and so prefer a term borrowed from economics , ” rational agent “.Yang lain (terutama Russell & Norvig (2003)) dianggap perilaku terarah tujuan sebagai esensi dari cerdas dan jadi lebih suka istilah yang dipinjam dari ekonomi, “agen rasional”.

Intelligent agents in artificial intelligence are closely related to agents in economics , and versions of the intelligent agent paradigm are studied in cognitive science , ethics , the philosophy of practical reason , as well as in many interdisciplinary socio-cognitivemodeling and computer social simulations. Agen cerdas dalam kecerdasan buatan sangat terkait dengan agen di ekonomi, dan versi dari agen cerdas paradigma yang dipelajari dalamilmu pengetahuan kognitif, etika, filsafat alasan praktis, juga di banyak interdisiplinersosio-kognitif pemodelan dan simulasi komputer sosial.

Intelligent agents are also closely related to software agents (an autonomous software program that carries out tasks on behalf of users). Agen cerdas juga berkaitan erat dengan agen perangkat lunak (program perangkat lunak otonom yang melakukan tugas atas nama pengguna). In computer science , the term intelligent agent may be used to refer to a software agent that has some intelligence, regardless if it is not a rational agent by Russell and Norvig’s definition. Dalam ilmu komputer, istilah agen cerdas dapat digunakan untuk mengacu ke agen perangkat lunak yang memiliki kecerdasan, tidak peduli apakah itu bukan agen rasional oleh Russell dan Norvig definisi. For example, autonomous programs used for operator assistance or data mining (sometimes referred to as bots ) are also called “intelligent agents”. Sebagai contoh, program-program otonom digunakan untuk bantuan operator atau data mining (kadang-kadang disebut sebagai bot) juga disebut “agen cerdas

Russell & Norvig (2003) kelompok agen ke dalam lima kelas berdasarkan tingkat kecerdasan dan kemampuan yang dirasakan:

1. simple reflex agents Agen refleks sederhana
2. model-based reflex agents Refleks berbasis model agen
3. goal-based agents Tujuan berbasis agen
4. utility-based agents Utilitas berbasis agen
5. learning agents Agen pembelajaran.

Pemrograman web semester 5

contoh html tugas kuliah pemrograman web 2 klik disini

META tag adalah kunci untuk mendapatkan peringkat halaman web blogspot yang baik di hasil mesin pencari atau search engine. Untuk memahami deskripsi meta tag untuk blogspot dan website dengan jelas, Anda perlu terlebih dahulu memahami bagaimana cara kerja mesin pencari. Mengapa meta tag sangat penting untuk search engine? Mari kita bahas sama-sama fungsi meta tag di bawah


Meta tag ditulis di antara <HEAD> dan </ HEAD> dalam dokumen html. Fungsi Meta tag dalam sebuah dokumen html memberikan informasi tentang berbagai aspek dari halaman web atau blogspot, baik dari nama penulis bahasa yang digunakan, judul dan kata kunci dari halaman web. di masa lalu Mesin pencari internet, meta tag digunakan untuk rating halaman web. Namun, penggunaan meta tag oleh webmaster situs dewasa ‘, menyebabkan mesin pencari utama seperti mesin pencari Google , Yahoo, MSN, dll untuk menghapus meta tag dari kriteria prioritas mereka. Webmaster situs-situs dewasa menggunakan meta tag untuk memasukkan kata kunci yang tidak relevan di situs Web mereka, untuk tujuan mengarahkan lalu lintas ke situs Web mereka. Namun, meta tag tertentu dapat membantu robot mesin pencari dalam mengindeks halaman web Anda. Robot mesin adalah program kecil yang menelusuri halaman Web dan mengumpulkan data yang relevan dari halaman web dan membantu mesin pencari melakukan peringkat.


Cara pasang / Membuat Meta Tag


Mari kita lihat berbagai jenis meta tag blogspot, yang dapat di pasang dalam sebuah situs webblog. Ini akan memberikan ide untuk Anda, bagaimana membuat atau cara memasang meta tag. Oleh karena Daftar meta tag sangat panjang dan oleh karena itu kita akan melihat beberapa bagian yang paling penting saja.


Meta Author (Penulis)


Meta author biasanya tersimpan nama penulis halaman web. Email Id penulis juga dapat dimasukkan ke dalam meta tag ini. Namun, meta tag ini tidak didukung oleh mesin pencari utama seperti Google, Yahoo atau MSN.


Sintaks: <METANAME=”nama author”CONTENT=”nama, id email”>


Meta Content Language (Konten Bahasa)


Bahasa yang digunakan pada halaman Web, dapat dimasukkan dalam meta content language. Beberapa robot mesin pencari menggunakannya untuk mengkategorikan halaman web dengan bahasa yang digunakan.


Syntax: <META HTTP-EQUIV=”Content-Language” CONTENT=”language”>


Meta Content Type (Jenis konten)


Ini adalah salah satu meta tag yang paling penting. Dianjurkan untuk menggunakannya untuk semua halaman web. Penggunaan meta inilah menyebabkan set karakter yang sesuai ditetapkan untuk dimuat, sebelum halaman web dimuat.


Sintaks: <meta http-equiv=”Content-Type” content=”content type, teks atau html”>


Meta Description (Gambaran umum)


Ini adalah satu meta tag blogspot yang penting. Memberikan Penjelasan atau gambaran umum tentang isi dari halaman web. Jumlah karakter yang disarankan tidak lebih dari 160 karakter dan Ini adalah bagian yang umumnya dicari oleh robot mesin pencari, untuk mengetahui kalimat yang dicari ada dalam halaman web


Syntax: <META NAME=”description” CONTENT=”ketikkan deskripsi disini”>


Meta Keywords (kata kunci)


Bersama kata-kata dan frase dalam konten dan deskripsi, meta keyword juga sering digunakan oleh mesin pencari, untuk mengurutkan halaman web ke dalam hasil mesin pencari mereka. Oleh karena itu, memberikan meta keyword ke halaman web terbukti sangat mengntungkan.


Sintaks: <META name=”keywords” CONTENT=”ketikkan kata kunci dipisahkan dengan tanda koma”>


Meta Title (Judul)


Meta Title ini berisi judul sama seperti judul pada tag HTML. Anda dapat menggunakannya pada halaman web Anda juga.


Sintaks: <META NAME=”Title” CONTENT=”Page Judul Here”>


Meta Google


Meta Google khusus digunakan oleh mesin pencari Google. Tag ini digunakan di halaman web untuk menghentikan Google untuk menampilkan kutipan atau konten cache. Ada fitur lain juga, bahwa Anda dapat menentukan penggunaan meta tag Google. Sebagai contoh, jika anda tidak ingin Google melakukan peringkat atau mempopulerkan link dari halaman web anda.


Meta Robot


Tujuan dari penggunaan meta robot ialah untuk menentukan halaman web yang mana saja boleh atau tidak di-index oleh spider dan halaman web. Tag ini sangat penting sekali terutama jika sesuatu website menggunakan frame untuk navigasinya. Sudah tentu anda tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine.


Format dasar dari meta robot adalah sebagai berikut :


<meta name=”robots” content=”index | noindex | follow | nofollow”>


Misalnya, jika Anda menghendaki agar spider membaca halaman utama, dan menelusuri semua tautan yang ada maka tambahkan perintah berikut ini :


<meta name=”robots” content=”index follow”>


Dengan perintah ini spider akan meng-index halaman utama Anda dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink (<a href=”">).
Perintah berikut ini akan menginstruksikan agar spider tidak melakukan index maupun penelusuran tautan yang ada pada suatu halaman web.


<meta name=”robots” content=”noindex nofollow”>














:: 1-HTML DASAR ::


OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.


MATERI:
Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY.


STRUKTUR DASAR DOKUMEN HTML
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Struktur dasar dokumen HTML adalah sebagai berikut:




<html>
<head>
<title>Disini Judul Dokumen HTML</title>
</head>
<body>
Disini penulisan informasi Web
</body>
</html>



Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar




<p>
<b>
................
</b>
</p>




Contoh penulisan tag-tag yang salah




<p>
<b>
................
</p>
</b>




c. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:




<TAG
nama-attr="nilai-attr"
nama-attr="nilai-attr"
.................
>
.................

</TAG>



Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">


d. Element HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:
<html>
..........
</html>

e. Element HEAD
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:
<head>
...........
</head>

f. Element TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:
<title>
.........
</title>

g. Element BODY
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.






LATIHAN


Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.


Latihan 1:
Menampilkan teks:

Belajar bahasa pemrograman web ternyata mudah juga :)

Nama file: latihan1_1.html




<html>
<head>
<title>Latihan1-1</title>
</head>
<body>
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>








Tugas tambahan:
Gantilah teks tersebut dengan teks lainnya.


Latihan 2:
Merubah warna teks menjadi merah:

Belajar bahasa pemrograman web ternyata mudah juga :)

Nama file: latihan1_2.html




<html>
<head>
<title>Latihan1-2</title>
</head>
<body text="red">
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>




Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.



Latihan 3:
Merubah warna background menjadi hitam.

Nama file: latihan1_3.html




<html>
<head>
<title>Latihan1-3</title>
</head>
<body text="red" bgcolor="black">
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>




Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.



Latihan 4:
Merubah background dengan suatu gambar.

Nama file: latihan1_4.html




<html>
<head>
<title>Latihan1-4</title>
</head>
<body text="red" bgcolor="aqua" background="./images/image027.jpg">
Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>



catatan:
./images/ = nama direktori file gambar disimpan
image027.jpg = nama file gambar


Kumpulan Syntax Dasar HTML


Struktur Dasar



<html>
<head>
<!-ini adalah bagian header-->
<title>judul web</title>
</head>
<body>
<!-tempat menuliskan kode-->
</body>
</html>




<!--…-->


<!—Ini adalah komentar dan tidak akan ditampilkan dibrowser-->




<a>
Mendefinisikan tag anchor. Digunakan untuk membuat link ke dokumen lain menggunakan atribut herf dan juga untuk membuat bookmark dokumen mengunakan atribut name.
Contoh


<body>
<a href=http://www.google.com”>kunjungi website google</a>
</body>




<b>
Digunakan untuk mencetak tebal suatu teks.
Contoh:


<b>teks tercetak tebal (bold)</b>




<body>
Digunakan untuk mendefinisikan badan html, yang didalamnya merupakan tempat untuk meletakan elemen-elemen html lainnya, seperti gambar, teks, table, form, dll
Contoh:


<html>
<head>
<title>judul web</title>
</head>
<body>
<!-ini adalah bagian badan tempat anda menuliskan kode-->
</body>
</html>




<br>
Digunakan untuk menyisipkan sebuah baris(ganti baris)
Contoh:


<body>
Salah satu aplikasi internet adalah web<br>
Html adalah kode dasar untuk membuat web<br>
</body>




<center>
Digunakan untuk menampilkan teks ditengah halaman
Contoh:


<center> teks ini akan tampil ditengah halaman</center>




<div>
Digunakan untuk mendifinisikan bagian dari sebuah halaman web. Seringkali digunakan untuk mengelompokan elemen-elemen HTML dengan format style tertentu.
Contoh:


<div style=’color:#ff0000”>
<h3>ini merupakan judul</h3>
<p>ini merupakan paragraph</p>
</div>




<form>
Digunakan untuk mendifinisikan sebuah form masukan dari pengguna
Contoh:


<form action=”action.php” method=”get”>
Nama: <input type=”text” name=”f_nama”/>
<br>
email: <input type=”text” name=”f_email”/>
<br>
<input type=”submite” value=’simpan”/>
</form>




<h1> sampai dengan <h6>
Digunakan untuk mendinisikan bagian atas (heading) teks. Dimulai dari ukuran besar<h1> hingga ukuran kecil<h6>
Contoh:


<h1> HTML adalah kode dasar membuat web</h1>
<h2> HTML adalah kode dasar membuat web</h2>
<h3> HTML adalah kode dasar membuat web</h3>
<h4> HTML adalah kode dasar membuat web</h4>
<h5> HTML adalah kode dasar membuat web</h5>
<h6> HTML adalah kode dasar membuat web</h6>




<head>
Digunakan untuk mendifinisikan bagian atas(head) sebuah dokumen html. Bagian ini biasanya digunakan untuk mendifinisikan tag <base>, <link>, <meta>, <script>, <style>, dan <title>.
Contoh:


<head>
<title>judul web</title>
</head>




<hr>
Digunakan untuk mendifinisikan sebuah garis horizontal dalam halaman html
Contoh:


Salah satu aplikasi internet adalah web<hr>
Html adalah kode dasar untuk membuat web




<i>
Digunakan untuk mencetak miring suatu teks.
Contoh:


<i>teks tercetak miring(italic)</i>




<p>
Digunakan untuk membuat paragraph baru.

<select>
Digunakan untuk mendinisikan daftar pilihan
Contoh:


<select>
<option value=”detik”>detik</option>
<option value=”viva”>vivanews</option>
<option value=”glodokshop”>glodok shop</option>
<option value=”bhineka”>Bhineka</option>
</select>




<Strong>
Digunakan untuk mempertegas tampilan suatu teks.
Contoh:


Kode dasar untuk membuat web adalah <strong>HTML</strong>




<Style>
Digunakan untuk mendifinisikan informasi style pada dokumen html
Contoh:


<head>
<style type=”text/css”>
Span.blue {color:lightskyblue;
Font-weight:bold}
</style>
</head>
<body>
Kode dasr untuk membuat web adalah <span class=”blue”>HTML</span>
</body>




<table>
Digunakan untuk membuat table dalam halaman web.
Contoh:


<table border=”1”>
<caption>daftar situs</caption><tr>
<th>berita</th>




<title>
Digunakan untuk mendifinisikan judul pada dokumen html.
Contoh:


<head>
<title>judul web</title>
</head>




<u>
Digunakan untuk menambahkan garis bawah suatu teks
Contoh:


<u>teks bergaris bawah(bold)</u>




<ul>
Digunakan untuk membuat daftar yang tak berurut(unordered list) menggunakan symbol bullets.
Contoh:


<ul>
<li>webpribadi</li>
<li>blog</li>
<li>facebook</li>
</ul>