Rabu, 19 September 2012

Cara Membuat Dan Menjalankan file HTML

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 berikut
<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>judul h1</h1>
<h2>judul h2</h2>
<p>ini adalah paragraf</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()">ini adalah alert</a>
<p><a href="http://www.indaam.com" target="_blank">ini adalah link, salam indaam.com</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>
  • paste ke notepad tadi
  • klik file(kiri atas)
  • pilih save ass
  • pada file name isi dengan contoh_html.htm atau contoh_html.html
  • pada seva all type pilih all files
  • lalu save
  • ekstensinya adalah [dot] html, bukan [dot] text
juga bisa dibuat dengan cara klik kanan diarea kosong lalu new – text document, kemudian ubah ekstensinya (dari [dot] txt menjadi [dot]html atau htm)

menjalankan file html

  • cari file yang telah dibuat tadi contoh_html.htm atau contoh_html.html
  • arahkan cursor ke file html tadi
  • lalu klik kanan
  • pilih open with pilih salah satu(firefox, ie, opera dll)
  • bisa juga dengan double click(tergantung konfigurasi komputer)

mengedit file html

  • arahkan cursor ke file html tadi
  • klik kanan
  • lalu pilih notepad
  • selakan edit
  • save
  • lalu jalankan lagi filenya
simple kan!?

Tidak ada komentar:

Posting Komentar