Hyper Text Markup Language (LENGUAJE DE MARCAS DE HIPERTEXTO) HTML.
HTML Basic(1)si.ilkom.unsri.ac.id/wp-content/uploads/2018/11/2a-html...HTML(1) •HTML ( Hyper Text...
Transcript of HTML Basic(1)si.ilkom.unsri.ac.id/wp-content/uploads/2018/11/2a-html...HTML(1) •HTML ( Hyper Text...
HTML Basic(1)
Ken Ditha Tania
HTML(1)
• HTML ( Hyper Text Markup Language)
– Hypertext, Halaman web bukan hanya terdiri dari text tetapi
terdapat juga multimedia
– Markup Penggunaan simbol(tag) untuk mengidentifikasikan
struktur text tersebut
• Perintah di HTML menggunakan link untuk berpindah antar halaman (biasanya tampak berwarna biru dan bergaris bawah/hyperlinks)
HTML(2)
EVOLUSI HTML • HTML 1 , Berners-Lee, 1989
• HTML 2.0, IETF, 1994
• HTML 3.2, W3C, 1996
• HTML 4.0, W3C, 1997
• XHTML 1.0, W3C,2000
• XHTML 2.0, W3C, 2004
• etc
HTML(2)
• Ekstensi file :*.htm atau *.html (case sensitif)
• HTML mempunyai 3 tipe komponen:
– Elemen : tag html
– Attribut : informasi sebuah elemen
– Entitas : karakter non-AsCII text
HTML elemen
• Terdiri dari – <html> – <head> – <title> – <body> – <h1> – <p> – <hr> – <br/> – <strong> – <big> – <small> – <I>
– <em> – <u> – <s> – <sub> – <sup> – <pre> – <address> – <abbr> – <img> – <a> – <table> – <th> – <thead>
– <caption> – <tr> – <td> – <ol> – <ul> – <li> – <frame> – <form> – <input> – <select> – <option> – <Textarea> – <Font>
Atribut
• Syntax : <tag attribute =“value ” attribute =“value”>
• Ex : elemen </img> menggunakan attribute src utk menspesifikasikan lokasi gambar
• Contoh lainnya pada code diatas : width, height, align, hspace
Entitas
• Entitas adl special character
• ASCII didefinisikan ,tapi tidak termasuk : trademark, symbol, fraction, dan accented character
Membuat halaman web
• Membuat dokumen html atau membuat halaman web di html editor kemudian melihat hasilnya di web browser
• Setiap dokumen html harus mempunyai sintak dasar
Membuat halaman web
• Cobalah code berikut
Membuat halaman web(3)
• Simpan file dg extension .html atau .htm
• Lihat hasil dbrowser
Basic Tag HTML (1)
• HTML
• Head
Basic Tag HTML (2)
• Title
• Body
Text layout
Output
Separating block of text
Output
Aligning Text
Output