Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

MEMBUAT WEB SEDERHANA. PENGENALAN HTML Halaman website memiliki pola tersendiri dalam pengisian teks dan gambar. Teks yang digunakan merupakan Hypertext.

Presentasi serupa


Presentasi berjudul: "MEMBUAT WEB SEDERHANA. PENGENALAN HTML Halaman website memiliki pola tersendiri dalam pengisian teks dan gambar. Teks yang digunakan merupakan Hypertext."— Transcript presentasi:

1 MEMBUAT WEB SEDERHANA

2 PENGENALAN HTML Halaman website memiliki pola tersendiri dalam pengisian teks dan gambar. Teks yang digunakan merupakan Hypertext Markup Language, sekaligus digunakan sebagai ekstensi dari file tersebut. HTML merupakan format yang disepakati untuk penulisan halaman website. Sedangkan gambar adalah yang berekstensi jpg, bmp, dan gif Format HTML merupakan format yang dapat diedit melalui Notepad dan Frontpage yang ada pada Microsoft atau program-program yang lain, misalnya Dreamweaver.

3 ELEMEN HTML Elemen HTML terdiri dari : –Head, –Title –Body, –setiap elemen diapit tanda <> (delimiter). Teks yang ada pada delimiter disebut tag. Dan untuk mengakhiri tag digunakan tanda /

4 CONTOH PENULISAN DI NOTE PAD judul web Isi yang tampil di browser

5 LANGKAH MEMBUAT HTML MELALUI NOTEPAD Buka program notepad yang ada di accesories ketik contoh html dibawah ini latihan selamat datang simpan dokumen html dengan nama file latihan1.html. pada menu save as type pilih All files klik save

6 Maka setelah disimpan, dokumen tersebut menjadi ikon Internet Explore atau browser yang lain, untuk membukanya dapat dilakukan di windows explore dengan cara doubel klik pada dokumen tersebut atau ikuti langkah berikut : aktifkan Internet Explore klik open aktifkan folder tempat penyimpanan file latihan klik atau ketik nama dokumen latihan klik ok

7 HEADING TEKS Tag heading memiliki 6 buah, dimulai dari heading 1 yang berukuran besar hingga heading 6 yang berukuran paling kecil. teks yang tampil di browser

8 CONTOH 2 heading teks yang tampil di browser H SATU teks yang tampil di browser H DUA teks yang tampil di browser H TIGA teks yang tampil di browser H EMPAT teks yang tampil di browser H LIMA teks yang tampil di browser H ENAM

9 HASIL DARI CONTOH 2

10 FORMAT TEKS

11 CONTOH 3 format teks teks yang tampil di browser H SATU teks yang tampil di browser H DUA teks yang tampil di browser H TIGA teks yang tampil di browser H EMPAT teks yang tampil di browser H LIMA teks yang tampil di browser H ENAM

12 HASIL DARI CONTOH 3

13 PENYISIPAN GAMBAR Tag yang digunakan untuk menyisipkan gambar adalah : Contoh :

14 CONTOH 4 PENYISIPAN GAMBAR teks yang tampil di browser H SATU teks yang tampil di browser H DUA teks yang tampil di browser H TIGA teks yang tampil di browser H EMPAT teks yang tampil di browser H LIMA teks yang tampil di browser H ENAM

15 HASIL CONTOH 4

16 HYPERLINK Hyperlink digunakan agar halaman web yang satu dengan yang lain dapat saling terhubung. Tag yang digunakan yaitu : teks yang dilink Contoh : kembali

17 Contoh 5 menggunakan link MENGGUNAKAN LINK ke latihan 2 ke latihan 3 ke latihan 4

18

19 Membuat table Digunakan untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris. Tag yang digunakan : : tag awal untuk membuat tabel.... : tag untuk membuat baris.... : tag untuk membuat kolom

20 tabel nama alamat no telp syaza naura damaran no

21

22 tabel 2 WELCOME to CONCERT m2m HAPPY WITH M2M

23


Download ppt "MEMBUAT WEB SEDERHANA. PENGENALAN HTML Halaman website memiliki pola tersendiri dalam pengisian teks dan gambar. Teks yang digunakan merupakan Hypertext."

Presentasi serupa


Iklan oleh Google