Sunday, July 31, 2016

Mengenal HTML, Sejarah HTML, Serta Fungsi HTML

Selamat Datang di Stemanika.
Salam hangat pegunjung Stemanika, apa kabar hari ini? jika kemarin kita membahas tentang Contoh Script Untuk Menyatakan Cinta, kali ini Saya akan membahas tentang HTML dengan Sejarahnya, dan Fungsinya.



Apa itu HTML? HTML adalah kepanjangan dari Hyper Text Markup Language dimana HTML pertama kali disebutkan di internet oleh Tim Berners-Lee pada akhir 1991.
HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat itu tercetus ide untuk menempatkan elemen-elemen yang berguna untuk menandai bagian suatu dokumen seperti judul, alamat, dan isi dokumen. Pada akhirnya elemen-elemen tersebut dibentuk menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis.

HTML merupakan bahasa markah yang digunakan peramban untuk menafsirkan dan menulis text, gambar dan bahan lainnya ke dalam halaman web secara visual maupun suara.

Fungsi HTML :
  • Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
  • Menampilkan tulisan dalam bentuk cetakan tebal
  • Menampilkan sekelompok kata dalam bentuk miring
  • Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
  • Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.

HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. berikut ini kegunaan lainnya :
  • Mengintegerasikan gambar dengan tulisan.
  • Membuat Pranala.
  • Mengintegerasikan berkas suara dan rekaman gambar hidup.
  • Membuat form interaktif.
Sekian Postingan dari Stemanika, semoga bermanfaat
Salam,

Stemanika

Friday, July 29, 2016

Contoh Script HTML Untuk Menyatakan Cinta

Selamat datang di Stemanika.
Salam hangat pengunjung Stemanika, bagaimana kabarnya hari ini? berhubung sekarang populasi jomblo di nusantara meningkat, akhirnya saya memutuskan untuk membuat script HTML untuk menyatakan Cinta khusus buat kalian para jomblo yang masih bingung gimana caranya menyatakan cinta kepada kekasih tersayang tentunya.

Jangan baper ya, ini hanya tulisan sekilas dari Saya dan masih bisa di edit nantinya (di notepad ++ atau notepad biasa juga bisa).

Saya tidak bisa memberikan demonya, cukup ikuti langkah-langkah di bawah ini :
Pertama buka notepad Anda (jangan bilang tidak tau apa itu notepad), caranya klik start, kemudian pilih All Program, dan klik Accessories, setelah itu buka Notepad.
Setelah itu tuliskan Script HTML berikut ini di dalam notepad :

<html>
<head>
<title>Kunyatakan Cinta <3 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Afif Surya Ramadhan" />
<meta name="distribution" content="Global" />
<meta name="copyright" content="About : My Love" />
<script type="text/javascript">
fl=1
function f1()
{
alert("Terima kasih yaaa... Semoga hubungan kita bisa harmonis... ")}
function f(){
if(fl==1)
{
Bn.style.top=90
Bn.style.left=500
fl=2
}
else if(fl==2)
{
Bn.style.top=90
Bn.style.left=50
fl=3
}
else if(fl==3)
{
Bn.style.top=235
Bn.style.left=360
fl=1
}
}
</script>
<style type="text/css">
.box-password{font-size: 24px; width: 600px; height: 50px; border: 1px solid #FF7418;border-radius: 5px 5px 5px 5px;color: #000000;cursor: default;padding: 1px 0;text-align: center;-webkit-transition: 0.35s linear;-moz-transition:0.35s linear;-o-transition:0.35s linear;outline:0; background: black}
.box-password:hover{background: black;color: orange;border: 1px solid #FF7418;}
.box-password:focus{background: red;color: red;border: 1px solid #FF7418;}
<!--
.style1 {color: #ffffff; font-size: 24px; }
.style2 {color: #ffffff; font-size: 18px; }
.style3 {
color: #1400C8;
font-weight: bold;
font-size: 24px;
}
-->
</style></head>

<body background='background.gif'>
<div id="By" style="position:absolute; left:615px; top:380px; width:50px;height:198px;">

<input type="button" value=" YES " onClick="f1()" />
</div>
<div ID="Bn" style="position:absolute; left:688px; top:380px; width:210px; height:210px;">
<input name="button" type="button" onMouseOver="f()" value=" NO " />
</div>
<hr>
<p align="center" class="style1">SELAMAT DATANG KEKASIH HATIKU ^_^</p>
<hr> <hr>
<p align="center" class="style2">Sejak Pertama Mengenalmu, batapa senang hatiku...!!!</p>
<p align="center" class="style2">Tapi rasaku ini tak pernah sampai kehatimu dengan nyali dan lisan yang kupunya</p>
<p align="center" class="style2">Dan sebenarnya, rasa ini tak pernah bohong untuk memungkiri semua ini</p>
<p align="center" class="style2">Maka dari itu, kutempuh belajar HTML untuk menyuntikkan kode script ini kelubuk hatimu </p>
<p align="center" class="style2">Sekarang waktunya kusampaikan ini...</p>
<center><a class="style2">>>>>>>>>>>>>>></a> <input class="box-password" onclick="select()" type="text" value="MAUKAH KAMU MENJADI KEKASIH HATIKU ?????" /> <a class="style2"><<<<<<<<<<<<<<</a></center>
</body>
<footer>

<a target='_blank'><img alt='Love' src='love.gif' title='I Love You'/></a>
<br>

       <marquee scrollamount="5" scrolldelay="50" width="80%"><font color="RED" face="gothic" size="4">By Afif Surya Ramadhan</b></font></marquee><br>

<font color="white" face="ARIALBLACK"><marquee direction="left" loop="true" scrollamount="300"><b>__________________________________________________________

_____________________________________________________________________</b></marquee></font><script type="text/javascript">


</footer>
</html>

Jika sudah simpan file tersebut, sebelum menyimpan notepad ubah terlebih dahulu Save as Type menjadi All Files, dan File Name ujungnya ditambahkan .html (menggunakan tanda titik sebelum kata html). lihat gambar berikut :


Selesai, sekarang coba Anda buka File yang tadi disimpan menggunakan browsing (Firefox, Chrome).

Sekian Postingan dari Stemanika semoga bermanfaat
Salam,

Stemanika