Petik.net - Cara Membuat struktur acara HTML: khusus Pemula – HTML (hyper text markup langeuage) ialah bahasa standar dengan pengkodean khusus yang dipakai untuk menyusun halaman situs atau halaman aplikasi web, HTML akan diterjemahkan oleh browser menjadi sebuah tampilan dengan format-format tertentu mampu menjadi text, link, gambar dan lain sebagainya sesuai dengan perintah html yang digunakan. lantas apa itu browser?, browser adalah software yang mempunyai kemampuan menterjemahkan arahan-instruksi html untuk ditampilkan menjadi tampilan halaman situs.
ketika kita menciptakan aba-aba html, maka file html harus disimpan dengan akhiran .htm atau .html, keduanya sama saja baik .htm ataupun .html keduanya dapat dikenali oleh browser dan instruksi-aba-aba didalamnya akan diterjemahkan menjadi sebuah tampilan halaman situs.
Memahami Struktur HTML
Jika anda ingin bisa untuk membuat sebuah website, pertama kali yang harus anda pelajari dan harus anda fahami benar-benar yakni struktur perintah HTML silahkan anda bisa baca perihal bahasa pemrograman yang harus dikuasai untuk membuat aplikasi web. mengapa harus HTML?, itu alasannya html ialah pondasi dasar pada sebuah situs, bahasa pemrograman utama yang menyusun tampilan situs yakni HTML . Untuk mempelajari HTML tidaklah terlalu sulit yang penting kita mengetahui bagaimana struktur dasarnya, kalau kita sudah mengetahui struktur dasarnya peran kita selanjutnya yaitu menguasai dan memahami kode-kode HTML lainnya yang jumlahnya cukup banyak, wah gimana menghapalnya?, untuk problem isyarat itu tidak perlu kita sengaja hapalin, lantas bagaimana kita mampu hapal, semakin sering kita gunakan maka kita akan semakin hapal, lambat-laun perintah-perintah HTML tanpa kita sadari jikalau sering digunakan dan dipraktekan arahan-instruksi tersebut akan tertanam di ingatan jangka panjang kita.
Struktur Dasar HTML
Struktur dasar html terdiri dari dua blok, yang pertama ialah blok header, dan yang kedua ialah blok body, blok header dipakai untuk meletakan title, mendeskripsikan CSS untuk dekorasi tampilan, mendeskripsikan JavaScript untuk membuat halaman situs interaktif, meletakan meta, title dan lainnya. sedangkan blok body yakni area untuk meletakan aba-aba-arahan yang nanti akan menjadi tampilan halaman situs atau web, apapun yang kita letakan di blok body itu akan muncul pada tampilan di browser (mozila, google croome, internet explorer dll), berikut struktur dasar HTML yang harus anda ketahui:
contoh html
…
…
perintah-perintah head lainnya…
…
…
ini adalah kontent html
…..
….
perintah-perintah body lainnya,
yang diletakan diarea body ini akan ditampilkan oleh browser…
…
…
struktur dasar html selalu dimulai dengan tagdan diakhiri dengan tag epilog, untuk blok head selalu dimulai dengan perintahdan diakhiri dengan perintah, sedangkan untuk blok body selalu diwali dengan perintahdan diakhiri dengan perintah, adapun untuk abjad perintah-perintah arahan HTML, kita mampu memakai abjad besar saja, karakter kecil saja atau kombinasinya, semuanya tidak dibedakan, masih mampu dibaca dan sama saja. ingat dikala kita menciptakan script HTML file harus kita simpan dengan akhiran .html atau .htm.
Editor HTML
Untuk membuat html banyak tool editor gratis yang yang bisa kita gunakan, untuk hanya sekedar latihan kita mampu menggunakan notpad atau notpad++, tetapi untuk tujuan profesional, sebaiknya kita menggunakan tool yang khusus, misal aku sendiri menggunakan NetBean sebagai editor untuk menciptakan web, atau tool lainnya yang memang handal, tool sekelas NetBean, sudah dilengkapi dengan code highlighter, membedakan warna text atau isyarat-kode html yang digunakan, juga sudah dilengkapi dengan autocompleter, instruksi saran ketika kita mengetikan perintah, autocompleter berguna sekali membantu kita mengingat isyarat yang lupa.
Oh Ya bagaimana dengan editor yang drag n drop, yang memudahkan kita untuk membuat halaman web, seperi misal DreamWeaver, bolehkah digunakan?, berdasarkan irit aku tergantung, jikalau kita sudah profesional sudah memahami secara mendalam struktur web, tool semacam dream weaver untuk urusan biar halaman lebih cepat dibentuk itu tidak jadi problem, tetapi khusus untuk PEMULA, tool semacam dream weaver harus dihindari, kenapa?, tools itu menciptakan anda tidak mau berfikir keras, padahal pemula sebaiknya memahami lebih dalam struktur dasar html atau bahasa pemrograman lainnya, semoga faham yang paling dianjurkan ialah anda mengetikan acara secara pribadi tanpa dukungan tool instan yang membantu membuatkannya untuk anda, itu akan lebih baik, dan akan membuat anda menjadi programmer yang handal nantinya. jika anda sudah benar-benar paham mengenai pengkodean halaman situs terutama HTML, tidak jadi problem kita memakai tool semacam dream weaver.
Contoh sederhana program HTML
untuk pola program berikut anda mampu mengetiknya atau coba kopi paste perintah program html dibawah ini kedalam notepat:
ini acuan goresan pena miring
ini pola tulisan ditebalkan
ini pola tulisan digarisbawahi
ini pola goresan pena miring ditebalkan dan digarisbawahi
silahkan anda kopi program diatas ke dalam notpad, kemudian simpan, sebelum disimpan pada kotak obrolan simpan silahkan atur save as type: pilih All Files (*.*), lalu filename atau nama file anda bisa masukan apa saja, jangan lupa untuk memberi akhiran .html atau .htm, misal contoh.html kemudian sialahkan anda simpan.
Untuk melihat outputnya atau hasilnya, silahkan anda menuju lokasi penyipanan file anda tersebut, file berakhiran .htm atau .html, kemudain double klik file tersebut, biasanya file berektensi .htm atau .html itu akan terintegrasi dengan aplikasi browser default, jadi anda tinggal klik file html anda tersebut, nanti akan ditampilkan karenanya pada browser default anda. misal mozila atau google croome atau bisa juga internet explorer, silahkan anda amati, bahwa isyarat yang diletakan diantara tagdanitu akan ditampilkan, kalau anda sudah menguasai perintah-perintah lainnya, anda akan bisa menampilkanapapun sesuai dengan keinginan.
Demikian gosip yang mampu saya share mengenai Cara Membuat struktur acara HTML: khusus Pemula, supaya bermanfaat.
Follow us on
