Featured Post

Cara Mengaktifkan Fitur Https Di Blogspot/Blogger

Hei guys, tutorial kali ini Titip Teknologi akan membahas bagaimana cara mengaktifkan fitur HTTPS di blogspot/blogger. Dengan mengaktifkan fitur HTTPS (HTTP Secure) ini tentu saja akan kuat terhadap SEO blog Anda alasannya yaitu blog Anda akan dinilai lebih kondusif oleh search engine. HTTPS sanggu…

Cara Menciptakan Struktur Aktivitas Html: Khusus Pemula

Cara Membuat struktur kegiatan 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 bisa menjadi text, link, gambar dan lain sebagainya sesuai dengan perintah html yang digunakan. lantas apa itu browser?, browser ialah software yang mempunyai kemampuan menterjemahkan kode-kode html untuk  ditampilkan menjadi  tampilan halaman situs.
dikala kita menciptakan arahan html, maka file html harus disimpan dengan akhiran .htm atau .html, keduanya sama saja baik .htm ataupun .html keduanya sanggup dikenali oleh browser dan kode-kode didalamnya akan diterjemahkan menjadi sebuah tampilan halaman situs.

Memahami Struktur HTML

Jika anda ingin bisa untuk menciptakan sebuah website, pertama kali yang harus anda pelajari dan harus anda fahami benar-benar ialah struktur perintah HTML silahkan anda bisa baca wacana bahasa pemrograman yang harus dikuasai untuk menciptakan aplikasi web. mengapa harus HTML?, itu alasannya ialah html adalah  pondasi dasar pada sebuah situs, bahasa pemrograman utama yang menyusun tampilan situs ialah HTML .  Untuk mempelajari HTML tidaklah terlalu sulit yang penting kita mengetahui bagaimana struktur dasarnya, bila kita sudah mengetahui struktur dasarnya kiprah kita selanjutnya ialah menguasai dan memahami kode-kode HTML lainnya yang jumlahnya cukup banyak, wah gimana menghapalnya?, untuk duduk kasus arahan itu tidak perlu kita sengaja hapalin, lantas bagaimana kita bisa hapal, semakin sering kita gunakan maka kita akan semakin hapal, lambat-laun perintah-perintah HTML tanpa kita sadari bila sering dipakai dan dipraktekan kode-kode 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 menciptakan halaman situs interaktif, meletakan meta, title dan lainnya. sedangkan blok body ialah area untuk meletakan kode-kode 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:

<html>

      <head>
            <title>contoh html</title>
                   ...
                   ...
                   perintah-perintah head lainnya...
                   ...
                   ...
      </head>

       <body>

              <p>ini ialah kontent html</p>
               .....
               ....
               perintah-perintah body lainnya, 
               yang diletakan diarea body ini akan ditampilkan oleh browser...
               ...
               ...
      </body>

</html>

struktur dasar html selalu dimulai dengan tag <html> dan diakhiri dengan tag epilog </html>, untuk blok head selalu dimulai dengan  perintah <head> dan diakhiri dengan perintah </head>, sedangkan untuk blok body selalu diwali dengan perintah <body> dan diakhiri dengan perintah </body>, adapun untuk karakter perintah-perintah arahan HTML, kita bisa memakai aksara besar saja, aksara kecil saja atau kombinasinya, semuanya tidak dibedakan, masih bisa dibaca dan sama saja. ingat dikala kita menciptakan script HTML file harus kita simpan dengan akhiran .html atau .htm.

Editor HTML

Untuk menciptakan html banyak tool editor gratis yang yang bisa kita gunakan, untuk hanya sekedar latihan kita bisa memakai notpad atau notpad++, tetapi untuk tujuan profesional, sebaiknya kita memakai tool yang khusus, misal aku sendiri memakai NetBean sebagai editor untuk menciptakan web, atau tool lainnya yang memang handal, tool sekelas NetBean, sudah dilengkapi dengan code highlighter, membedakan warna text atau kode-kode html yang digunakan, juga sudah dilengkapi dengan autocompleter, arahan saran dikala kita mengetikan perintah, autocompleter mempunyai kegunaan sekali membantu kita mengingat arahan yang lupa. 

Oh Ya bagaimana dengan editor yang drag n drop, yang memudahkan kita untuk menciptakan halaman web, seperi misal DreamWeaver, bolehkah digunakan?,  berdasarkan ekonomis aku tergantung, bila kita sudah profesional sudah memahami secara mendalam struktur web, tool semacam dream weaver untuk urusan biar halaman lebih cepat dibentuk itu tidak jadi masalah, 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, biar faham yang paling dianjurkan ialah anda mengetikan kegiatan secara pribadi tanpa sumbangan tool instan yang membantu membuatkannya untuk anda, itu akan lebih baik, dan akan menciptakan anda menjadi programmer yang handal nantinya. bila anda sudah benar-benar paham mengenai pengkodean halaman situs terutama HTML, tidak jadi duduk kasus kita memakai tool semacam dream weaver.


Contoh sederhana kegiatan HTML

untuk pola kegiatan berikut anda bisa mengetiknya atau coba kopi paste perintah kegiatan html dibawah ini kedalam notepat:

<html>
<head>
<title>contoh html</title>
</head>
<body>
<i>ini pola goresan pena miring</i><br/>
<b>ini pola goresan pena ditebalkan</b><br/>
<u>ini pola goresan pena digarisbawahi</u><br/>
<i><b><u>ini pola goresan pena miring ditebalkan dan digarisbawahi</u></b></i>
</body>
</html>

silahkan anda kopi kegiatan diatas ke dalam notpad, kemudian simpan, sebelum disimpan pada kotak obrolan simpan silahkan atur save as type:  pilih All Files (*.*), kemudian 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 balasannya pada browser default anda. misal mozila atau google croome atau bisa juga internet explorer, silahkan anda amati, bahwa arahan yang diletakan diantara tag <body> dan</body> itu akan ditampilkan, bila anda sudah menguasai perintah-perintah lainnya, anda akan bisa menampilkanapapun sesuai dengan keinginan.


Demikian isu yang bisa aku share mengenai Cara Membuat struktur kegiatan HTML: khusus Pemula, semoga bermanfaat.

Related Posts

Posting Komentar

Subscribe Our Newsletter