Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

PENGANTAR HTML.

Presentasi serupa


Presentasi berjudul: "PENGANTAR HTML."— Transcript presentasi:

1 PENGANTAR HTML

2 HYPER TEXT MARKUP LANGUAGE
Alat bantu editorial : Notepad Dreamweaver Front page

3 STRUKTUR DASAR <html> <head> /*untuk mendefinisikan judul*/ <title> …..isi judul…</title> </head> <body> …..isi program…. </body> </html>

4 LATIHAN <html> <head <title> Belajar HTML</title> </head> <body> <p>SAHABAT</p> <p> Ini sebuah kisah tentang dua orang sahabat karib yang sedang berjalan melintasi gurun pasir. Di tengah perjalanan, mereka bertengkar, dan salah seorang menampar temannya. Orang yang kena tampar merasa sakit hati tapi dengan tanpa berkata-kata dia menulis di atas pasir; HARI INI, SAHABAT TERBAIKKU MENAMPAR PIPIKU. Mereka terus berjalan, sampai menemukan sebuah oasis, di mana mereka memutuskan untuk mandi. Orang yang pipinya kena tampar dan terluka hatinya mencoba berenang namun nyaris tenggelam, dan berhasil diselamatkan oleh sahabatnya. Ketika dia mulai siuman dan rasa takutnya sudah hilang, dia menulis di sebuah batu; HARI INI, SAHABAT TERBAIKKU MENYELAMATKAN NYAWAKU. Orang yang menolong dan menampar sahabatnya bertanya, “Kenapa setelah saya melukai hatimu, kau menulisnya di atas pasir, dan sekarang kamu menulis di batu?” Temannya sambil tersenyum menjawab, “Ketika seorang sahabat melukai kita, kita harus menulisnya di atas pasir agar angin maaf datang berhembus dan menghapus tulisan tersebut. Dan bila sesuatu yang luar biasa terjadi, kita harus memahatnya di atas batu hati kita, agar tidak bisa hilang tertiup angin....” Dalam hidup ini sering timbul beda pendapat dan konflik dengan pasangan, suami / isteri, kekasih, adik / kakak, orang tua, kolega, teman, karena sudut pandang yang berbeda. Oleh karenanya cobalah untuk saling memaafkan dan lupakan masalah lalu. Manfaat positif dari continuous relationship mungkin sekali jauh lebih besar ketimbang kekecewaan masa lalu. Nobody’s perfect... </p> </body> </html>

5 BACKGROUND <html> <body style="background-color:yellow;"> <h2 style="background-color:red;">This is a heading</h2> <p style="background-color:green;">This is a paragraph.</p> </body> </html>

6 FONT SIZE COLOR <html> <body> <h1 style="font-family:verdana;"> A heading </h1> <p style="font-family:arial;color:red;font-size:20px;"> A paragraph. </p> </body> </html>

7 <p> <u>CHARIS<b>NATIONAL<i>ACADEMY</i></b></u> </p>

8 COBALAH Cobalah membuat sebuah halaman web dengan page title namamu, konten dari halaman tersebut menjelaskan profilmu. upload sintaks tersebut pada halaman wordpressmu, nilai 1 akan diambil dari tugas yang telah diposting di blog itu

9 KRITERIA PENILAIAN Batas waktu upload 21 Januari 2014 jam 18.00 WIB
Ketepatan waktu pengiriman tugas 25% Sikap dan karakter belajar 25% Hubungan sosial dan rasa hormat kepada orang lain 25% Hasil pengerjaan tugas 25% Batas waktu upload 21 Januari 2014 jam WIB


Download ppt "PENGANTAR HTML."

Presentasi serupa


Iklan oleh Google