Scribd Logo
Unggah

Selamat datang di Scribd!

  • Tutorial HTML

    Diunggah oleh

    Eko Azza
    9 tayangan3 halaman
    php

    Judul Asli

    Php

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    php

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    9 tayangan3 halaman

    Tutorial HTML

    Diunggah oleh

    Eko Azza
    php

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    PHP pada posting kali ini saya akan mencoba menguraikan apa itu PHP dan 2 istilah teknik

    yaitu server side dan client side Kepanjangan dari PHP adalah PHP: Hypertext Preprocessor. pasti kalian merasa bingung kok singkatan PHP ada kata kata PHP lagi?. Sama saya juga bingung tapi kita terima aja dech maklum bukan saya yang menciptakan PHP ini, jadi tidak berhak melakukan protes PHP merupakan bahasa pemrograman yang berjalan di sisi server atau biasa disebut denganServer Side. Bingung dengan istilah tersebut.? Jangan khawatir saya akan berusaha menjelaskan dengan bahasa yang mudah dimengerti untuk istilah tersebut. Secara garis besar bahasa pemrograman web terdiri dari dua macam. Yang pertama disebut dengan Client Side atau script yang dijalankan di komputer client dan yang kedua biasanya disebut dengan Server Side atau script yang dijalankan pada komputer server. Gampangnya begini kalo Client Side adalah script atau perintah yang ditujukan pada komputer untuk dijalankan pada komputer milik orang yang mengakses web tersebut. Misalnya kalian mengakses web site www.indrabt.com. Apabila web site ini memiliki script client side yang berguna untuk menampilkan misalnya gambar logo milik web site ini maka yang menjalankan script tersebut adalah komputer kalian atau dengan kata lain browser kalian. Apabila script yang berguna untuk menampilkan gambar logo adalah bersifat server side maka pertama tama script tersebut akan diproses di server tempat web site tersebut berada (biasanya disebut dengan hosting), setelah diproses baru hasil pemrosesan tersebut akan dikirimkan pada client yang mengakses web site tersebut. Begitu gambarannya. nach apa saja bahasa pemrograman web yang termasuk dalam Client Side dan Server Side. Saya akan memberikan contoh yang paling banyak digunakan aja soalnya saya juga gak hafal sich semua macam bahasa pemrograman web baik yang client maupun server side. Bahasa pemrograman Client Side yang terkenal adalah Javascript, VBScript, beserta dengan teman-temannya. Sedangkan bahasa pemrograman server side yang terkenal adalah PHP, Ruby On Rail, JSP, ASP, ASP.NET, dan masih banyak lagi. nach untuk hari ini itu aja postingan saya biar kalian tidak terlalu pusing. Takutnya kalau kalian pusing malah jadi males belajar PHP and saya juga yang rugi. lo kok bisa?, pasti itu yang muncul di benak kalian. jawabannya gampang aja. Soalnya saya udah ngetik banyak banyak dan tidak ada yang baca, menurut kalian rugi nggak udah ngetik banyak banyak malah tidak ada yang baca postingan berikutnya saya akan mencoba menguraikan apa saja yang dapat dilakukan oleh PHP. Jadi tunggu postingan berikutnya or next episode oke. HTML

    Apa itu HTML - Kepanjangan dari HTML adalah Hyper Text Markup Language. HTML bisa diartikan sebagai suatu file teks sederhana yang mengandung perintah-perintah berupa TAGS sehingga sebuah web browser dapat menampilkan suatu halaman dengan display tertentu. Sebenarnya pada postingan sebelumnya sudah dijelaskan mengenai Tutorial HTML, tetapi pada postingan tersebut lebih menekankan ke tentang cara membuat web sederhana menggunakan HTML. Back to topicLalu, Apa itu TAGS? Tag itu adalah tanda < dan >. Jika diantara tanda tadi diberi HTML yang jadinya seperti ini <HTML>, maka tag tersebut disebut tag html. Apa itu HTML Apa itu HTML - HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu. HTML dibuat oleh Tim Barners-Lee ketika masih bekerja untuk CERN. HTML dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 90-an, HTML mengalami perkembangan yang sangat pesat. Setiap perkembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik daripada versi sebelumnya. Perkembangan yang pesat tersebut tidak sampai merubah cara kerja HTML. Atribut dan Nilai HTML Selain nama tag, di dalam HTML juga ada yang dinamakan dengan Atribut dan Nilai. Pada tag HTML biasanya ada atribut, tapi tidak semua tag HTML memiliki atribut. Atribut biasanya terletak setelah nama dari tag tersebut, contoh: 1 <p align="right">...</p>

    Dari kode di atas, atributnya adalah align, nilainya adalah right dan tagnya adalah p. Aturan-aturan umum untuk penulisan sintaks tag HTML 1. Ada dua jenis tag HTML: - tag yang berpasangan, yaitu tag yang dimulai dengan tag pembuka dan diakhiri dengan tag penutup, contoh: <head> ... </head>. - tag tunggal, artinya tag yang berdiri sendiri tanpa pasangan, contoh: <br>, <img> atau bisa juga ditulis dengan <br/>, <img/> atau juga <br />, <img />. 2. Sebagian besar tag HTML itu berpasangan. Penulisan untuk tag yang berpasangan adalah sebagai berikut: <namatag> ... </namatag> Contoh: <b>Tulisan Tebal</b> <title>Judul</title> Pada tag yang berpasangan seperti pada contoh di atas, <b> adalah tag awal atau tag pembuka dan </b> adalah tag akhir atau tag penutup. Logikanya adalah jika dalam tag yang berpasangan ada tag pembuka dan tag penutup, dan pada tag penutup ada tanda slash ( / ). 3. Tag HTML tidak case sensitive, artinya pada penulisan tag tersebut bebas apakah mau menggunakan huruf besar, huruf kecil ataupun

    keduanya seperti huruf alay. :mrgreen: Contoh: tag <html> sama dengan <HTML> sama dengan <hTmL>. 4. Di dalam tag diperbolehkan adanya tag (nested tag) contoh: <head> <title>Judul</title> </head> 5. Setiap tag mempunyai nama yang spesifik. Kadang-kadang diikuti opsi-opsi yang disebut atribut. Baik nama maupun opsi harus berada dalam tanda <..>. Contoh: 1 <p align="right">...</p> Pada contoh ini tagnya memiliki nama <p> (tag p), sedangkan atributnya adalah align. Sehingga baik nama tag dan atributnya berada di dalam tanda <..> seperti pada contoh. 6. Penulisan atribut suatu tag diletakkan setelah nama tag. Jika ada lebih dari satu atribut, maka digunakan spasi untuk memisahkannya. Urutan atribut tidak penting, artinya atributnya boleh berada dimana saja asalkan berada dalam tanda < dan tanda >, dan juga ada spasi yang memisahkan antara atribut yang lainnya atau dengan nama tag. Contoh: 1 <font size="20px">Teks Anu</font> <font size="20px" face="arial" color="red">Teks 2 Anu Arial Merah</font>

    Oke sebelum menjurus ke hal-hal yang terlalu berbau teknis saya akan mencoba menjelaskan cara membuat website yang berisi hello world dengan menggunakan script HTML. Berikut ini langkah demi langkah tutorial untuk membuat aplikasi hello world dengan HTML Langkah pertama buka web editor kesayangan kamu, atau kamu bisa menggunakan notepad untuk sistem operasi Windows dan Gedit untuk sistem operasi Linux. Karena saya menggunakan Sistem Operasi Linux, maka saya menggunakan program aplikasi Gedit. Jangan khawatir langkahnya sama kok baik menggunakan notepad ataupun Gedit. Langkah kedua ketikkan tag <HTML> <HEAD> <TITLE> <BODY> diikuti dengan tag penutupnya dimulai dari tag paling terakhir yang dibuat, yaitu : </BODY></HEAD></HTML>. untuk lebih jelasnya saran saya perhatikan contoh gambar dibawah ini

    Tag Dasar HTML tag <HTML> digunakan untuk memberitahu web browser bahwa dokumen ini adalah dokumen yang berjenis HTML. tag <HEAD> digunakan untuk menampilkan semua informasi yang berkaitan dengan dokumen HTML. adakalanya tag yang terdapat di antara tag <HEAD> tidak dapat dilihat secara langsung oleh user kecuali user membuka source dari halaman web browser tersebut. Contohnya tag keyword. Tag <TITLE> digunakan untuk menampilkan judul halaman web. Tag <BODY> digunakan untuk menampilkan content dari website. Nach langkah selanjutnya adalah mengetikkan kata Hello World diantara tag <TITLE><TITLE> sehingga tag <TITLE></TITLE> akan menjadi <TITLE>Hello World</TITLE>. Perintah ini berfungsi untuk memberikan judul Hello World pada dokumen HTML yang kita buat Untuk lebih jelasnya coba perhatikan gambar dibawah ini

    7. Nilai dari atribut ditulis setelah tanda sama dengan (=). Pada contoh sebelumnya (lihat bagian no. 6) terlihat bahwa atribut size dari tag font memiliku nilai 20px, atribut face memiliki nilai arial dan atribut color memiliki nilai red yang artinya tulisan yang berada pada kode tersebut (Teks Anu Arial Merah) berukuran 20px, jenis hurufnya adalah arial dan warnanya adalah merah. 8. Jika nilai dari atribut hanya tunggal alias satu, maka kita langsung menuliskan setelah tanda =. Tetapi jika lebih dari satu, maka dapat digunakan tanda '...' atau "...". Contoh: jika ingin membuat tulisan rata kanan seperti pada contoh kode di bagian no. 5, boleh menuliskannya seperti ini. 1 <p align=right>...</p> Sedangkan jika ingin membuat kode div yang memiliki beberapa nilai, kodenya bisa seperti ini. 1 <div class="merah garis">...</div> Semoga artikel mengenai Apa itu HTML ini bermanfaat. Seperti yang kita ketahui bersama bahwa bahasa pemrograman PHP memiliki pasangan yaitu tag-tag HTML. Setiap website pastilah tidak lepas dari yang namanya tag HTML. tag HTML ini berfungsi untuk mengatur tampilan dan isi dari website. Biasanya untuk situs yang statis atau situs yang isinya tidak pernah berubah, scriptnya pastilah berisi script HTML. Sedangkan untuk situs yang dinamis atau situs yang isinya selalu berubah, script webnya pasti berisi kombinasi dari script HTML, dan script PHP.

    Memberi judul halaman hello world pada dokumen HTML Langkah berikutnya adalah mengetikkan kata Hello World dintara tag <BODY> dan <BODY> sehingga tag tersebut menjadi <BODY> Hello World </BODY>. Tag <BODY> ini digunakan untuk menampilkan semua content dari halaman web yang kita buat. Untuk lebih jelasnya coba perhatikan gambar dibawah ini

    Mengetikkan hello world diantara sepasang tag body Langkah berikutnya silahkan simpan file tersebut dengan nama latihan1.html atau anda bisa menyimpannya dengan menggunakan nama pilihan anda, selama anda menambahkan extension .html di belakang nama filenya. Lalu coba buka file html yang baru saja anda buat dengan melakukan double klik file tersebut. Maka akan muncul gambar seperti dibawah ini

    Aplikasi Hello World Oh ya sebagai catatan tambahan. Tag HTML tidak case sensitive yang artinya kamu dapat menuliskan tag HTML baik menggunakan huruf besar dan huruf keci. Jadi tag <HTML> memiliki arti yang sama dengan tag <html> Oke sekian saja posting kali ini. Selamat mencoba dan good luck

    Anda mungkin juga menyukai