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):
Contoh Text Tebal
Kode HTML Text Kecil:
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:
Kode HTML Text Besar:
<big>Contoh Text Besar</big>
Hasil:
Contoh Text Besar
Kode HTML Text Strike (Coret):
Contoh Text Di Coret
Kode HTML Text Italic (Miring):
Contoh Text Italic
Kode HTML Text Beserta Link URL:
http://www.dukuntekno.com
Kode HTML Text Berwarna Merah Tua Beserta Link:
http://www.dukuntekno.com
Kode HTML Garis / Line:
Kode HTML Garis Lebar 50%:
Kode HTML Dengan Tombol Link URL:
Kode HTML Text Strike (Coret):
<s>Contoh Text Di Coret</s>
Hasil: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:<input type="submit"value="Dukuntekno"></input></form>