1 / 18

Pengenalan HTML

Pengenalan HTML. HTML. H ypertext M arkup L anguage (HTML) adalah suatu file teks sederhana yang mengandung perintah-perintah berupa TAGS sehingga sebuah web browser dapat menampilkan suatu halaman dengan display tertentu .

bruno
Download Presentation

Pengenalan HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Pengenalan HTML

  2. HTML • Hypertext Markup Language (HTML) adalah suatu file teks sederhana yang mengandung perintah-perintah berupa TAGS sehingga sebuah web browser dapat menampilkan suatu halaman dengan display tertentu. • Hyper Text Markup Language (HTML) adalah bahasa yang digunakan dalam menulis sebuah halaman web. • Apa itu hypertext?? hypertext adalah beberapateks yang ada dalam dokumen HTML memuat informasi yang menghubungkan ke lokasi yang berbeda baik dalam satu struktur dokumen atau ke alamat lain di internet.

  3. HTML • Mark up Language ? mark up language merupakan bagian spesifik pada dokumen yang mengindikasikan bagaimana suatu informasi akan ditampilkan pada web browser. • Web browser itu apa sih? web browser adalah perangkat lunak yang mulanya hanya untuk menampilkan dokumen web /HTML. contoh web browser? • HTML merupakan pengembangan dari standar format dokumen teks yang disebut dengan SGML (Standard Generalized Markup Language).

  4. HTML • HTML pertama kali diperkenalkan oleh Tim Barness Lee yang berkerja di CERN dan dipopulerkan pertama kali dengan menggunakan browser Mosaic • Sejak tahun 1990, HTML terus berkembang.

  5. Editor HTML • Untuk mendesain sebuah halaman web dapat dilakukan dengan dua cara: • Menggunakan web editor seperti Microsoft Front Page atau Macromedia Dreamweaver. • Menggunakan text editor sederhana seperti Notepad. • Dalam sebuah file HTML terdapat TAGS yang penulisannya selalu dalam tanda kurung “< >”. Tag ini juga bisa diikuti oleh atribut – atribut tertentu.

  6. Tag HTML • Tag HTML digunakan untuk menandai element HTML • Tag HTML biasanya berpasangang seperti <B> dan </b> • Tag yang pertama adalah start tag dan tag yang kedua adalah end tag. • Tag dalam HTML tidak case sensitif

  7. Tag HTML • Sintak dari tag HTML adalah sebagai berikut : 1. Nama tag Semua tag HTML memiliki nama; contoh tag <HTML> disebut tag html. 2. Atribut Tidak semua tag HTML memiliki atribut. Atribut biasanya terletak setelah nama dari tag tersebut, contoh: <body bgcolour=”red”>.

  8. Cara penulisan tag yang benar • Overlaping (kurang baik) • Bested Tags (baik)

  9. Kerangka dokumen HTML • Dokumen HTML diawali dengan tag <html>, tag tersebut berfungsi sebagai deklarator bahwa dokumen tersebut adalah dokumen html. Agar dapat dieksekusi oleh browser file dokumen tersebut harus berformat .htm atau .html. • Struktur dokumen HTML ada dua yaitu header dan body dibatasi dengan tag <head> dan tag <body>. • Gambarnya

  10. Kerangka dokumen HTML Sintaknya sebagai berikut : <html> <head> <title>………………</title> </head> <body> ……………… ……………… </body> </html>

  11. Kerangka Dokumen HTML • HTML Untuk penanda bahwa dokumen yang dibuat adalah dokumen web • Head Header menjelaskan properti dari dokumen HTML, diantaranya adalah judul dan hubungan dengan dokumen html yang lain. • Title merupakan komponen dari Tag Head, yang digunakan untuk mendiskripsikan header halaman web.

  12. Kerangka dokumen HTML • Body Body dari suatu dokumen HTML merupakan tempat diletakannya isi dari dokumen html tersebut. Atribut untuk tag <body> diantarnya adalah BACKGROUND,BGCOLOR

  13. Contoh dan cara penyimpanan <html> <head> <title>Latihan 1</title> </head> <body> Hallo Saya HTML </body> </html>

  14. Komentar • Komentaradalahbagiandarikode HTML yang diabaikanoleh browser. • Kegunaankomentardalamkode HTML adalahsebagaiketerangan yang bergunabagipembacakode. • Sebuahketerangandiawalidengan <!- dandiakhiridengan ->. • Di dalamkeduatandatersebut, Andabisamemberikanketeranganapasajadanbahkanbisamencakupbeberapabaris. • Cara penulisan : <!--Keteranganinitidakditampilkandi browser-->

  15. Contoh yang menggunakan keterangan <html> <head> <title>Latihan 1</title> </head> <body> Hallo Saya HTML <!- ini keterangannya -> </body> </html>

  16. Tag tag dasar dalam html • <html> • <head> • <title><body> • <br> • <p> • <hr> • &nbsp • <h1> sampai <h6>

More Related