Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Pengembangan Web HTML Dasar
Andi Hutomo, S.Kom.
2
HTML HyperText Markup Language
Sebuah bahasa utama untuk membuat sebuah halaman web dan berbagai informasi yang dapat ditampilkan dalam web browser Web browser bisa disebut sebagai compiler dari HTML
3
Elemen HTML HTML dituliskan dalam bentuk elemen- elemen yang memiliki fungsi tersendiri. Tiap elemen berupa tag yang dituliskan dengan menggunakan tanda < dan tanda > Contoh: <html>
4
Elemen HTML Tiap tag elemen biasanya memiliki pasangan untuk menandakan bahwa tag elemen itu berakhir. Contoh: <html> memiliki pasangan </html> Tag <html> bisa disebut opening tag Tag </html> bisa disebut closing tag
5
Contoh Simple HTML <html> Hello world </html>
6
Fungsi Web Browser Web browser berfungsi untuk membaca file HTML berdasarkan dari tag-tag elemen yang tersedia dalam file HTML yang dibaca. Tiap tag elemen bisa dianggap sebagai blok- blok yang digunakan untuk membangun sebuah website.
7
Tampilan HTML HTML dapat menampilkan gambar dan obyek yang dapat digunakan agar website menjadi lebih interaktif. HTML juga memiliki struktur untuk membuat paragraf, list, link, quote dan berbagai bentuk lainnya.
8
Tampilan HTML HTML dapat ditambahkan bahasa lain seperti JavaScript yang bisa menambah fungsi dari halaman suatu website. Untuk menghias HTML biasanya digunakan suatu script lain yang disebut Cascading Style Sheets (CSS).
9
Contoh Elemen HTML <html> <head> <title>
<body> <p> <br> <h1>,<h2>,<h3>,<h4>,<h5>,<h6>
10
Atribut HTML Merupakan informasi tambahan yang terdapat dalam suatu elemen HTML. Biasanya ditulis dalam satu tag dengan elemen HTML yang akan ditambahkah informasinya. Tiap elemen HTML atribut nya bisa berbeda- beda.
11
Atribut HTML Penulisan: Contoh:
<nama-elemen nama-atribut=“nilai-atribut” nama- atribut=“nilai-atribut”> … </nama-elemen> Contoh: <p align=“center”> </p> nama-elemen = p nama-atribut = align nilai-atribut = center
12
HTML Formatting Fungsi HTML untuk melakukan format teks pada teks dari halaman HTML,
13
HTML Formatting <b> - bold <i> - italic
<u> - underline <strong> - important <sub> - subscript <sup> - superscript Dll.
14
Contoh <b>Teks ini bold</b>
<i>Teks ini italic</i> <u>Teks ini underline</u> <strong>Teks ini important</strong> <sub>Subscript</sub> <sup>Superscript</sup>
15
Komentar dalam HTML Di awali dengan tanda <!-- dan diakhiri dengan tanda --> <!--Komentar-->
16
Referensi
17
See you next week
Presentasi serupa
