Ini adalah tutorial paling dasar tentang html.
File dengan ekstensi [dot] html dan [dot] htm adalah file yang hanya bisa dijalankan oleh web browser(firefox, opera, ie, safari, chrome and other) sedangkan isi dari file dengan ekstensi[dot] html adalah markup code html, (bisa juga)cascading style sheet(css) dan (bisa juga)javascript.
Apa Itu Html?
Html adalah sebuah bahasa markup yang fungsinya untuk membuat halaman website, contoh html ada dibawah
Apa Itu Css?
Css(cascading style sheet) adalah salah satu bahasa pemrograman web yang fungsinya untuk merubah/mendesain tampilan halaman website, css juga berfungsi untuk merubah tampilan tag html, contohnya ada dibawah
Apa Itu Javascript?
Javascript adalah scripting browser(hanya bekerja di browser) yang fungsinya untuk menambah kemampuan website, contoh dasarnya ada dibawah
Syarat Untuk Membuat Dan Mejalankan File Html
- Editor, standardnya adalah notepad
- Web browser, (ie, firefox, opera, safari, chrome dll)
Membuat File Html
- Buka program notepad
- Copy markup/code/style berikuk
<html>
<head>
<title>contoh html</title>
<style type="text/css">
<!--
/*fungsi style css untuk merubah tampilan tag-tag html, serta mendesai halaman website*/
/*contoh tag body*/
body{
background-color:black;/*warna latar belakang*/
color:white;/*umumnya warna text*/
margin:20 80px;/*jarak luar*/
}
/*************/
/*misal lagi tag h1*/
h1{
font-size:60px;/*ukuran font*/
}
/*misal lagi tag h2*/
h2{
font-size:45px;/*ukuran font*/
color:green;/**/
}
/*misal lagi tag p*/
p{font-weight:bold;/*font tebal*/}
/*yah, fungsi css adalah untuk merubah tampilan**/
-->
</style>
<script type="text/javascript">
//ini adalah contoh java script function
function contoh_js_simple()
{
alert("ini adalah javascript alert");
/*ini adalah komentar javascript untuk
lebih dari satu baris/line*/
//ini adalah komentar javascript hanya satu baris/line
//fungsi javascript adalah untuk menambah kemampuan web itu sendiri
}
</script>
</head>
<!-- fungsi html adalah untuk menampilkan content/web -->
<body onload="contoh_js_simple">
<h1>kunjungi blog saya di http://bayudepnanta.blogspot.com/</h1>
<h2>jangan lupa ikuti beritanya terus</h2>
<h3>tentang blog</p>
<script type="text/javascript">
//ini adalah contoh simplejava script
document.write ("<p>ini adalah paragraf yang dirulis dengan javascript</p>");/**/
</script>
<a href="javascript:contoh_js_simple()">kami menyediakan file dowload full</a>
<p><a href="http://www.indaam.com" target="_blank">kami mempunyai banyak berita yang bermanfaat</a></p>
<!-- ini adalah komentar html, dan tidak akan ditampilkan-->
<!-- agar html ini bisa dilihat/dibuka oleh orang banyak, kita harus menguploadnya di hosting, namun jika hanya untuk belajar dengan komputerpun sudah cuku -->
</body>
</html>
SELAMAT MENCOBA.........
