Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

HTML PEMROGRAMAN INTERNET. Apakah File HTML itu? HTML singkatan dari Hyper Text Markup Language File HTML adalah file teks yang tersusun dari markup tags.

Presentasi serupa


Presentasi berjudul: "HTML PEMROGRAMAN INTERNET. Apakah File HTML itu? HTML singkatan dari Hyper Text Markup Language File HTML adalah file teks yang tersusun dari markup tags."— Transcript presentasi:

1 HTML PEMROGRAMAN INTERNET

2 Apakah File HTML itu? HTML singkatan dari Hyper Text Markup Language File HTML adalah file teks yang tersusun dari markup tags (penanda) Markup tags memberitahukan Web browser bagaimana menampilkan halaman File HTML harus mempunyai ekstensi htm atau html File HTML bisa dibuat menggunakan editor teks sederhana (notepad, wordpad, editplus, dll)

3 Membuat File HTML 1. Ketikkan script berikut pada teks editor 2. Simpan file dengan nama “mypage.html” Judul halaman Ini adalah homepage pertamaku teks ini dibold

4 Membuat File HTML 3. Buka file HTML menggunakan Internet Browser untuk menampilkan homepage yang telah dibuat.

5 Penjelasan Script HTML Tag pertama memberitahukan browser sebagai permulaan dari dokumen HTML. Tag terakhir memberitahukan browser sebagai akhir dari dokumen HTML. Teks diantara tag dan tag adalah informasi header yang tidak ditampilkan di jendela browser. Teks diantara tag dan tag adalah judul dokumen yang ditampilkan pada caption browser. Teks diantara tag dan tag adalah teks yang akan ditampilkan di jendela browser. Teks diantara tag dan tag akan ditampilkan dengan font bold.

6 TAG HTML Tag HTML digunakan untuk menandai elemen HTML Tag HTML diapit oleh dua karakter Tag HTML normalnya berpasangan seperti dan Tag pertama disebut start tag, tag kedua disebut end tag Teks diantara start dan end tag adalah element content Tag HTML tidak bersifat case sensitive, sama maknanya dengan

7 Elemen HTML Contoh elemen HTML : teks ini dibold Elemen HTML dimulai dgn start tag: Content elemen HTML : teks ini dibold Elemen HTML diakhiri dgn end tag: Tag mendefinisikan elemen HTML yang harus ditampilkan dgn bold.

8 Elemen HTML Contoh lain elemen HTML: Ini adalah homepage pertamaku teks ini dibold Elemen HTML dimulai dgn start tag dan diakhiri dgn end tag. Tag mendefinisikan elemen HTML yang merupakan tubuh dari dokumen HTML.

9 Atribut Tag Tag bisa memiliki atribut yg memberikan informasi tambahan tentang elemen HTML. Atribut tag mendefinisikan elemen dari body halaman HTML. Dgn tambahan atribut bgcolor, browser diberitahu informasi ttg background color. misal: Bacground color merah,. Atribut tag selalu berpasangan, nama/nilai seperti : nama=“nilai’ Atribut selalu ditambahkan pada start tag dari elemen HTML.

10 Tag Dasar HTML Tag paling penting pada HTML adlh tag heading, paragraf dan line break. 1. Heading Heading didefinisikan dgn tag s.d adlh heading terbesar & adlh heading terkecil. HTML otomatis memberi spasi pada setiap heading Ini adalah heading

11 Tag Dasar HTML 2. Paragraf Paragraphs didefinisikan dgn tag HTML otomatis memberi spasi pada setiap heading 3. Line break Tag digunakan untuk mengakhiri baris, tetapi masih dalam satu paragraf. Tag adlh empty tag. Tidak memiliki end tag. Ini adalah paragraf Ini adalah paragraf yang lain Ini adalah paragraf dengan line break

12 Tag Dasar HTML 4. Comment/Komentar Tag comment digunakan untuk menyisipkan komentar pada HTML source code. Komentar akan diabaikan oleh browser. Komentar dapat digunakan untuk menjelaskan source code. Tanda seru hanya digunakan diawal.

13 Tag Dasar HTML TAGDeskripsi Define dokumen html Define dokumen body s.d Define header1 s.d header 6 Define paragraf Define line break Define garis horisontal Define comment

14 HTML Text Formatting Sintaks untuk memformat teks pada HTML:

15 Bagaimana cara melihat source HTML?? Pada halaman web klik option view pada browser dan pilih SOURCE atau PAGE SOURCE. Akan terbuka halaman yang menunjukan source HTML aktual dari web page.

16 HTML Character Entity Untuk menampilkan karakter-karakter yang memiliki makna khusus/digunakan pada script HTML seperti tanda < (less than)  Contoh character entity yang sering digunakan :

17 Contoh lain character entity :

18 Link HTML HTML menggunakan hiperlink untuk berhubungan dgn dokumen lain di web HTML menggunakan tag anchor untuk menciptakan link ke dokumen lain Anchor dapat me-link ke berbagai resource di web : halaman HTML, gambar, file suara, film, dll. Sintaknya : Teks yang akan ditampilkan

19 Link HTML Contoh link : Sintaks diatas akan menampilkan pada browser: website Universitas Brawijaya  Target atribut : Mendefinisikan dimana dokumen link akan dibuka. Script berikut akan membuka dokumen di halaman lain: website Universitas Brawijaya website Universitas Brawijaya

20  Name Attribute : Mendefinisikan nama anchor yang dapat digunakan untuk menciptakan link yang dapat melompat secara langsung ke section spesifik dari web page. Contoh:  Kemudian untuk memanggil link tersebut dgn script : Teks yang akan ditampilkan HTML merupakan teks standar untuk pembuatan web HTML

21 Link ke sintaks : Kirim ke


Download ppt "HTML PEMROGRAMAN INTERNET. Apakah File HTML itu? HTML singkatan dari Hyper Text Markup Language File HTML adalah file teks yang tersusun dari markup tags."

Presentasi serupa


Iklan oleh Google