HTML adalah bahasa markup yang berfungsi untuk membuat halaman web, dimana sintaks html ini hanya bisa dijalankan oleh engine layout atau browser. HTML tidak beda dengan bahasa pemrograman web lainnya, walau secara teori HTML belum bisa dikatakan bahasa pemrograman, karna dilihat dari strukturnya.
Dalam menulis sintaks HTML, tidak begitu sulit dimengerti. Anda dapat langsung membuat nya langsung di text editor favorit anda. notepad contohnya. Namun, bila sintaks terlalu panjang hingga berhalaman bisa menggunakan software yang telah disediakan oleh beberapa vendor yang bisa anda dapatkan secara gratis alias free. hehe.. Baik, kita memulainya dengan menyiapkan text editor yang kita siapkan. Untuk proses belajar, saya sarankan untuk menggunakan Notepad ++, agar lebih mudah untuk memisahkan dan melihat kesalahan dari sintaksnya.
Langsung saja, setelah anda membuka Notepad++ silahkan ketik script berikut Belajar HTML di Komunitas Blogger Nias. Lalu simpan dengan nama belajar.html. Lalu buka hasilnya tadi di browser kesayangan anda, contohnya di Mozzilla Firefox. Apa yang muncul??
Sekarang kita memulai untuk menulis sintaksnya, copy-paste script dibawah ini kedalam teks editor anda..
Setelah itu save as dengan nama belajar1.html. Bagaimana hasilnya? Apakah yang tampil di browser?? Ya, yang tampil pada browser tentu teks yang berwarna biru diatas. Sintaks lainnya sebagai perintah ke browser untuk menampilkan Teks tersebut sesuai dengan perintah sintaks tersebut, Nah sekarang kita coba dengan script dibawah ini dengan cara yang sama seperti diatas.
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Hasilnya seperti dibawah ini..
Objek dalam bentuk teks
Objek dalam bentuk gambar/animasi
Nah, cukup sampai disini belajar untuk HTML, ikuti artikel selanjutnya untuk pembelajaran HTML bagian ke-II. Sampai jumpa.. :)
Dalam menulis sintaks HTML, tidak begitu sulit dimengerti. Anda dapat langsung membuat nya langsung di text editor favorit anda. notepad contohnya. Namun, bila sintaks terlalu panjang hingga berhalaman bisa menggunakan software yang telah disediakan oleh beberapa vendor yang bisa anda dapatkan secara gratis alias free. hehe.. Baik, kita memulainya dengan menyiapkan text editor yang kita siapkan. Untuk proses belajar, saya sarankan untuk menggunakan Notepad ++, agar lebih mudah untuk memisahkan dan melihat kesalahan dari sintaksnya.
Langsung saja, setelah anda membuka Notepad++ silahkan ketik script berikut Belajar HTML di Komunitas Blogger Nias. Lalu simpan dengan nama belajar.html. Lalu buka hasilnya tadi di browser kesayangan anda, contohnya di Mozzilla Firefox. Apa yang muncul??
Sekarang kita memulai untuk menulis sintaksnya, copy-paste script dibawah ini kedalam teks editor anda..
<html>
<head>
<title>Belajar HTML di Komunitas Blogger Nias</title>
</head>
<body>
<p>
</body>
HTML adalah bahasa markup yang berfungsi untuk membuat halaman web, dimana sintaks html ini hanya bisa dijalankan oleh engine layout atau browser. HTML tidak beda dengan bahasa pemrograman web lainnya, walau secara teori HTML belum bisa dikatakan bahasa pemrograman, karna dilihat dari strukturnya. </p>
</html>
Setelah itu save as dengan nama belajar1.html. Bagaimana hasilnya? Apakah yang tampil di browser?? Ya, yang tampil pada browser tentu teks yang berwarna biru diatas. Sintaks lainnya sebagai perintah ke browser untuk menampilkan Teks tersebut sesuai dengan perintah sintaks tersebut, Nah sekarang kita coba dengan script dibawah ini dengan cara yang sama seperti diatas.
<html>Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size :
<head></head>
<body>
Untuk membuat jenis font (face):
<h1><font face="Verdana">Judul dengan font Verdana</font></h1>
<p><font face="Times">Konten dengan font Times</font></p>
Untuk membuat ukuran (size):
<h1><font size="5">Judul dengan size 5</font></h1>
<p><font size="3">Konten dengan size 3</font></p>
Untuk membuat warna font (color):
<h1><font color="blue">Judul dengan warna biru</font></h1>
<p><font color="red">Konten dengan warna merah</font></p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br>
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>
</body>
</html>
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Hasilnya seperti dibawah ini..
Untuk membuat jenis font (face):Nah sekarang bagaimana membuat hyperlink?? Hyperlink adalah sebuah objek baik bentuk tulisan maupun gambar atau flasj yang berisi sebuah tautan link. Jadi, bila objek tersebut di klik maka anda ditujukan pada url atau alamat tertentu. Langsung saja coba copy paste contoh dibawah...
Judul dengan font Verdana
Konten dengan font Times
Untuk membuat ukuran (size):
Judul dengan size 5
Konten dengan size 3
Untuk membuat warna font (color):
Judul dengan warna biru
Konten dengan warna merah
Contoh komplit untuk membuat jenis font (face),size dan color:
Judulnya Tentang Font
Ini adalah contoh tulisan dengan pengaturan font yang menggunakan
tag HTML elemen font dengan atribut face, size dan color...
Objek dalam bentuk teks
<a href="http://bloggernias.blogspot.com/">Komunitas Blogger Nias</a>Hasilnya : Komunitas Blogger Nias
Objek dalam bentuk gambar/animasi
<a href="http://www.madhodachi.co.cc/"><img src="http://i299.photobucket.com/albums/mm308/willydachi/pernik%20my%20web/dachinet.gif" /></a>Hasilnya seperti gambar dibawah ini, silahkan klik pada objek gambar
Nah, cukup sampai disini belajar untuk HTML, ikuti artikel selanjutnya untuk pembelajaran HTML bagian ke-II. Sampai jumpa.. :)
Artikel Terkait
Label:
HTML
2 Comments
Artikel Sesudahnya
