HYPERTEXT MARKUP LANGUAGE (HTML)
Hi guys, ada yang baru nih! Aku mau nge-blog tentang HyperText Markup Language (HTML). Buat yang penasaran apa sih HTML? Nah secara teori, HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah browser dan formatting hypertext sederhana yang ditulis ke dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi.
Kalau aku buat HTML di aplikasi notepad ++ karena lebih terlihat kesalahannya ketika kita membuat HTML. Dalam membuat HTML itu gak mudah loh guys, tampilan yang sering kalian lihat saat buka website di internet itu dibuat dengan HTML. Loh bukannya Syahnita itu anak statistika ya? Statistika dan Ilmu Komputer memang tidak dapat dipisahkan. Hehehe
Berikut HTML yang sudah aku buat di aplikasi notepad ++.
<html>
<title> Dunia Statistika </title>
<br>
<head> Your Future Statisticians </head>
<br> <br>
<h1> Welcome to Statistic Website </h1>
<body>
<br>
<h1> Statistika Terapan </h1>
<h2> Login First </h2>
<table border=3 align=center>
<form method=post action=text.html>
<tr>
<td> Username </td>
<td> <input type=text size=50> </td>
</tr>
<tr>
<td> <font color=red> Password </font> </td>
<td> <input type=password size=20> </td>
</tr>
<tr>
<td> <input type=submit size=20 value=submit> </td>
<td> <input type=reset value=reset> </td>
</tr>
</table>
</form>
<marquee> Terima Kasih dan Selamat Membaca </marquee>
<header id="main-header">
<hgroup>
<h1> Statistika Deskriptif </h1>
<h2> For More Information </h2>
</hgroup>
</header>
<nav id="main-nav">
<ul>
<li><a href="Beranda.html"> Beranda </a> </li>
<li><a href="Tentang kami.html"> Tentang Kami </a> </li>
<li><a href="kontak.html"> Kontak </a> </li>
</ul>
</nav>
<h2> Menampilkan foto dan caption </h2>
<figure>
<img src="Statistika.jpg" widht=400 height=400>
<figcaption><strong> Insert quote here</strong></figcaption>
</figure>
<audio controls>
<source src="yiruma.mp3" type="audio/mp3">
Your browser didnt support this
</audio>
</body>
</html>
Tampilan di layar komputer seperti ini guys:
Kalau aku buat HTML di aplikasi notepad ++ karena lebih terlihat kesalahannya ketika kita membuat HTML. Dalam membuat HTML itu gak mudah loh guys, tampilan yang sering kalian lihat saat buka website di internet itu dibuat dengan HTML. Loh bukannya Syahnita itu anak statistika ya? Statistika dan Ilmu Komputer memang tidak dapat dipisahkan. Hehehe
Berikut HTML yang sudah aku buat di aplikasi notepad ++.
<html>
<title> Dunia Statistika </title>
<br>
<head> Your Future Statisticians </head>
<br> <br>
<h1> Welcome to Statistic Website </h1>
<body>
<br>
<h1> Statistika Terapan </h1>
<h2> Login First </h2>
<table border=3 align=center>
<form method=post action=text.html>
<tr>
<td> Username </td>
<td> <input type=text size=50> </td>
</tr>
<tr>
<td> <font color=red> Password </font> </td>
<td> <input type=password size=20> </td>
</tr>
<tr>
<td> <input type=submit size=20 value=submit> </td>
<td> <input type=reset value=reset> </td>
</tr>
</table>
</form>
<marquee> Terima Kasih dan Selamat Membaca </marquee>
<header id="main-header">
<hgroup>
<h1> Statistika Deskriptif </h1>
<h2> For More Information </h2>
</hgroup>
</header>
<nav id="main-nav">
<ul>
<li><a href="Beranda.html"> Beranda </a> </li>
<li><a href="Tentang kami.html"> Tentang Kami </a> </li>
<li><a href="kontak.html"> Kontak </a> </li>
</ul>
</nav>
<h2> Menampilkan foto dan caption </h2>
<figure>
<img src="Statistika.jpg" widht=400 height=400>
<figcaption><strong> Insert quote here</strong></figcaption>
</figure>
<audio controls>
<source src="yiruma.mp3" type="audio/mp3">
Your browser didnt support this
</audio>
</body>
</html>
Tampilan di layar komputer seperti ini guys:
Ada warnanya gitu kan? Nah kalo kita salah ketik sedikit aja itu bisa dibedain dari warna. Maaf banget guys aku gak nulis penjelasannya, so far itu emang udah ketentuannya gitu. Ya, intinya kalau buat HTML lo harus hafal itu kode-kodenya buat apa. Nah agar berbentuk link, kalian harus save dengan format penyimpanan ".html" ya guys. Kalau tampilan di browsernya gimana?
Ini tampilan bagian atas
Setelah klik "submit" akan muncul tulisan seperti di atas
Tampilan bagian tengah
Ketika klik "Beranda" akan muncul tulisan seperti di atas
Setelah klik "Tentang Kami"
Setelah klik "Kontak"
Kita bisa menginput gambar
Selain gambar, kita juga bisa input audio
Sebagai informasi tambahan, file-file yang digunakan harus dalam satu folder baik gambar, audio maupun html tambahan.
Sekian nge-blog aku hari ini guys, semoga bermanfaat :)
Sekian nge-blog aku hari ini guys, semoga bermanfaat :)
Komentar
Posting Komentar