HTML XHTML PDF
Preview HTML XHTML
Pemrograman Web Pertemuan 2 HTML & XHTML Antonius RC Web Hosting • Project harus diupload ke https://phpfog.com • Daftar di https://phpfog.com/signup • Buat nama domain sesuai nomor kelompok: –– CCtthh:: hhttttpp::////ssaattuu..pphhppffooggaapppp..ccoomm – Cth: http://sepuluh.phpfogapp.com Tutorial Penggunaan PHPFog • Setelah daftar, login • Pilih app yang diinginkan untuk dikonfigurasi • Download GIT for Windows: http://git- ssccmm..ccoomm//ddoowwnnllooaadd//wwiinn • Create a new SSH key: – http://docs.phpfog.com/getting-started/ssh • Add SSH Key to PHPFog • Get Source Code dengan Clone GIT – Ex: git clone git@:antoniusrc.phpfogapp.com Tutorial (2) • Jika sudah clone masuk ke folder hasil clone – Misal: folder antoniusrc.phpfogapp.com • Taruh semua file yang akan diupload di folder tteerrsseebbuutt • Upload dengan cara: – git add “<namafile>” atau git add . (untuk all files) – git commit –m “<komentar-commit>” – git push (untuk upload ke server file yg berubah) Origins and Evolution of HTML • HTML = HyperText Markup Language • HTML is using general layout of documents that could be displayed by a wide variety of computers by using hyperlink •• RReecceenntt vveerrssiioonnss:: – HTML 4.0 – 1997 Saya bernama Anton yang – HTML 4.01 - 1999 mengajar di UKDW – XHTML 1.0 – 2000 – XHTML 1.1 – 2001 – HTML 5 – 2012 – XHTML5 - 2013 Advantages of HTML • HTML document is easy to build – HTML is multi platform & free – HTML is W3C standard – Hyper-Media is supported – Text based systems – There are some specialized structures – HTML 5 is awesome! Arsitektur HTML • HTML bersifat client side • HTML di parsing oleh browser – Error terdapat di browser • Kode HTML dapat dilihat oleh pengguna •• HHTTMMLL bbeerrffoorrmmaatt ffiillee tteexxtt bbiiaassaa sseessuuaaii ddeennggaann encodingnya • Browser akan menginterpretasikan kode-kode HTML sesuai dengan enginenya masing-masing – Kadang masing-masing browser punya interpretasi berbeda-beda HTML Basic Syntax • Elements are defined by tags (markers) – Tag format: • Opening tag: <html> •• CClloossiinngg ttaagg:: <<//hhttmmll>> • Not all tags have content • The extension is .htm or .html • HTML is not case sensitive • You can comment a tag – Browsers ignore comments, unrecognizable tags, line breaks, multiple spaces, and tabs Element and attribute (cid:1) The element content is everything between the start and the end tag (cid:1) HTML elements can have attributes (cid:1) Most HTML elements can have attributes (cid:1) Attributes provide additional information about an eelleemmeenntt (cid:1) Attributes are always specified in the start tag (cid:1) Attributes come in name/value pairs like: name="value“ (cid:1) Contoh elemen: <h1>Judul</h1> (cid:1) Contoh atribut: <table border=“0”></table> dan <img src=“a.jpg”></img> Tag Dasar HTML • <html> – <head> • <meta> • <script> •• <<ssttyyllee>> – </head> – <body> • <tag-tag lain> – </body> • </html>
Description:The list of books you might like
