Belajar Dasar Kode HTML Dan Contohnya

HTML memiliki kepanjangan Hyper Text Markup Language, Kode HTML adalah sebuah kode yang berfungsi untuk menampilkan halaman web, menampilkan berbagai informasi dengan gaya dan bentuk nya masing masing. Untuk bisa menampilkan informasi yang menarik pada web dibutuhkan pemahaman tentang kode HTML.

Kode HTML bukan merupakan sebuah bahasa pemrograman, melainkan sebuah format untuk menampilkan bentuk sebuah halaman web. Kode HTML bisa ditulis didalam file text, itu karena html menggunakan format ASCII untuk menulis kodenya. Diawali dengan <!DOCTYPE HTML> sebagai penanda bahwa text tersebut berisi kode HTML, lalu kodenya yaitu <html> sebagai tanda dimulainya penulisan kode.

Bagian kode HTML dalam penulisanya salah satunya yaitu <head> yang berisi kode <title> bagian ini untuk memberikan judul halaman, contoh penulisan <title> Contoh HTML </title>, selain judu <title>, bagian <head> juga berisi dengan berbagai pengaturan kode CSS, meta tag, tempat untuk meletakkan kode java script, dll.

lalu ada bagian <body> yang berisi isi dari laman seperti kalimat dengna paragraf komplit. bagian ini berisi kode yang akan ditampilkan pada seluruh halaman, kode HTML yang berada diluar <body>, kodenya tidak akan tampil dilaman browser.

Struktur kode HTML utuh:

<html>

<head>
<title> Contoh HTML </title>
</head>

<body>
letakkan kode diantara <body> dan </body>
</body>

</html>

Elemen <html> sebagai penanda bahwa itu adalah file berisi kode html, lalu <head> sebagai informasi judul suatu halaman html, <body> berisi informasi dan bentuk informasi pada halaman html. Pada kode html selalu diawali dengan tanda <...> sebagai pembuka, dan tanda </...> sebagai penutup.

Untuk mempraktekanya anda bisa membuat file text menggunakan text editor, Jika mengunakan Android anda bisa menggunakan aplikasi Xplore untuk membuat file text atau aplikasi Notepad jika menggunakan windows. Ingat, untuk mempraktekannya masukkan struktur kode HTML nya seperti <html>, <head> dan <body>. Lalu letakkan kode di antara <body> dan </body>:

Kode HTML Text Bold (Tebal):
<b>Contoh Text Tebal</b>
Hasil:
Contoh Text Tebal


Kode HTML Text Kecil:
<small>Contoh Text Kecil</small>
Hasil:
Contoh Text Kecil 

Kode HTML Text Besar:
<big>Contoh Text Besar</big>
Hasil:
Contoh Text Besar

Kode HTML Text Strike (Coret):
<s>Contoh Text Di Coret</s>
Hasil:
Contoh Text Di Coret 


Kode HTML Text Italic (Miring):
<i>Contoh Text Italic</i>
Hasil:
Contoh Text Italic

Kode HTML Text Beserta Link URL:
<a href="http://www.dukuntekno.com">http://www.dukuntekno.com</a>
Hasil:
http://www.dukuntekno.com

Kode HTML Text Berwarna Merah Tua Beserta Link:
<a href="http://www.dukuntekno.com"><font color="red">http://www.dukuntekno.com</font></a>
Hasil:
http://www.dukuntekno.com

Kode HTML Garis / Line:
<hr/>
Hasil:


Kode HTML Garis Lebar 50%:
<hr width=50%/>
Hasil:


Kode HTML Dengan Tombol Link URL:
<form action="http://www.dukuntekno.com"method="post">
<input type="submit"value="Dukuntekno"></input></form>
Hasil:


Kode HTML Link Bergambar:
<center><a href="http://www.dukuntekno.com"><img src="https://2.bp.blogspot.com/-cwy4bYibl6A/WDNqLW30deI/AAAAAAAAGbY/8wS-WnKl1V4pckJxWVkRNukAHzoc5mCDQCLcB/s320/Dukuntekno.png"></a></center>
Hasil:
Itulah cara membuat kode HTML dengan cara yang sederhana, terimakasih telah mampir di blog saya ini. Jika ada kesalahan dalam penulisan saya mohon maaf dan jika anda masih belum paham tentang kode HTML ataupun cara penulisanya, saya sangat senang jika anda berkomentar dan menjelaskan bagianmana yang membingungkan anda karena tentu saya akan membimbing anda dengan sebaik-baiknya. sekian tips blog dari Dukun Tekno yang dapat saya bagikan dan Semoga berhasil.

Related Posts:

0 Response to "Belajar Dasar Kode HTML Dan Contohnya"

Post a Comment