Recommended
More Related Content
What's hot
What's hot (20)
Similar to Part 1 - pengenalan website
Similar to Part 1 - pengenalan website (20)
Recently uploaded
Recently uploaded (20)
Part 1 - pengenalan website
- 1. PENGENALAN WEBSITE BELAJAR BARENG SERI FUNDAMENTAL WEBSITE ARFIAN CAHYA DWI SETYA
- 2. Goals • Memahami apa itu Website • Memahami dasar-dasar pembuatan website • Memahami struktur dasar dari dokumen HTML
- 3. Website Sebuah kumpulan halaman pada suatu domain di internet yang dibuat dengan tujuan tertentu dan saling berhubungan serta dapat diakses secara luas melalui halaman depan (home page) menggunakan sebuah browser menggunakan URL website.
- 6. Script Desain Website (Client Side) HTML JavascriptCSS
- 9. HTML HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen- dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.
- 10. Struktur Dasar HTML Definisi HTML5 Tag Element Atribut
- 11. Tag Adalah teks khusus (markup) berupa dua karakter "<" dan">", sebagai contoh <body> adalah tag dengan nama body.Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkankarakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
- 12. Element Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan juduldokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML. Welcome ini adalah isi judul dokumenHTML </title> ini adalah tag penutup judul dokumen HTML
- 13. Attribute Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut: Atribut rel berfungsi menentukan hubungan antara dokumen saat ini dan dokumen / resource yang ditautkan. Atribut lainnya bisa dilihat di https://www.w3schools.com/tags/att_link_rel.asp
- 16. Lets Code
- 18. Hello World
- 19. Bagian <head>
- 20. • Judul halaman <title></title> • CSS <style></style> • Javascript <script></script> • Metadata <meta></meta>
- 21. Bagian <body>
- 22. • Teks <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>, …. • Pendukung teks <br>, <hr>, <em>, <strong>, … • Gambar <img> • Hyperlink <a> • List (bullets & numbering) <ul>, <ol>, <li>, <dl>, <dt>, <dd>
- 23. • Table <table>, <thead>, <tbody>, <tr>, <td>, …. • Form <form>, <input>, <select>, <button>, … • Script <script> • Object <object> (tidak disarankan) • Grouping <div>, <span>