Mudah Belajar HTML dengan Notepad



yperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang  ditulis  kedalam  berkas  format  ASCII  agar  dapat  menghasilkan  tampilan  wujud yang  terintegerasi.  Dengan  kata  lain,  berkas  yang  dibuat  dalam  perangkat  lunak pengolah  kata  dan  disimpan  kedalam  format  ASCII  normal  sehingga  menjadi home  page  dengan  perintah-perintah  HTML. Untuk belajar membuat heading, warna bisa anda lihat pada artikel ini.

Bermula  dari  sebuah  bahasa  yang  sebelumnya  banyak  digunakan  di  dunia  penerbitan  dan percetakan  yang  disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini  merupakan  standar  Internet  yang  didefinisikan  dan  dikendalikan penggunaannya  oleh  World  Wide  Web  Consortium  (W3C).  HTML  dibuat  oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada  tahun  1989  (CERN  adalah  lembaga  penelitian  fisika  energi  tinggi  di Jenewa).

HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau  lebih  dikenal  dengan  TAG  tertentu. HTML  lebih  menekankan  pada penggambaran  komponen-komponen  struktur  dan  formating  di  dalam  halaman web  daripada  menentukan  penampilannya.Sedangkan  penjelajah  web  digunakan untuk  menginterpretasikan  susunan  halaman  ke  gaya  built-in  penjelajah  web dengan  menggunakan  jenis  tulisan,  tab,  warna,  garis,  dan  perataan  text  yang dikehendaki ke komputer yang menampilkan halaman web.

Salah satu hal Penting tentang eksistensi HTML adalah tersedianya  Lingua franca (bahasa Komunikasi) antar  komputer  dengan  kemampuan  berbeda.  Pengguna  Macintosh tidak  dapat melihat  tampilan  yang  sama  sebagaimana  tampilan  yang  terlihat  dalam  pc berbasis Windows.  Pengguna  Microsoft  Windows pun tidak  akan  dapat  melihat tampilan  yang  sama  sebagaimana  tampilan  yang  terlihat  pada  pengguna  yang  menggunakan  Produk-produk  Sun  Microsystems.  namun  demikian  pengguna- pengguna  tersebut  dapat  melihat  semua  halaman  web  yang  telah  diformat  dan berisi Grafika dan Pranala.

Tool yang dapat digunakan untuk membuat web :

• Text  editor  :  Notepad,  ms  word  dan  sebagainya  dengan  cara menyimpan file berekstensi *.html atau *.htm

• Microsoft front page

• Adobe page mil

• Macromedia dreamweaver

Untuk latihan untuk menampilkan kalimat selamat datang di laboratorium di browser dengan langkah sebagai berikut:

1. Buka notepad

2. Ketikkan perintah berikut untuk menghasilkan selamat datang di laboratorium di browser

<html>
<head>
<title> Selamat Datang</title>
</head>
<body>
program HTMLku yang pertama yaitu Menampilkan kalimat selamat datang di Laboratorium
</body>
<html>

3. Simpan dengan nama “latihan.html”

4. Jalankan dengan menggunakan browser yang tersedia

5. Lihat yang terjadi tenyata anda sudah berhasil menampilkan kalimat selamat datang di laboratorium

6. Sedangkan untuk praktik paragraph dan pindah baris, simpan dengan nama paragraph.html

<html>
<head>
<title> Selamat Datang</title>
</head>
<body>
program HTMLku yang pertama yaitu Menampilkan kalimat selamat datang di Laboratorium
<br> Perintah untuk pindah baris
<p> Untuk membuat paragraf, karena saya baru belajar   tentang cara membuat homepage
</p>
<p>Kata dapat dicetak <b>tebal</b>, <i>miring</i>, <u>garis bawah</u>, <b>tebal <i>miring</i></b>, dan <b><i><u>kombinasi</u></i></b> di tengah huruf normal</p>
<p><font size="1">satu,</font> 
<font size="2">dua,</font>
<font size="6">enam,</font>
<font face="Times New Roman">Homepage ini masih dalam tahap pengembangan (Times New Roman)</font><br /> 
<font  face="Courier  New">Homepage  ini  masih  dalam  tahap pengembangan (Courier New)</font><br />
<font  face="Verdana">Homepage  ini  masih  dalam  tahap pengembangan (Verdana)</font></p>
<p>
<b><font color="red">Red</font><br /> 
<font color="green">Green</font><br />
<font color="yellow">Yellow</font><br /> 
<font color="#0000FF">Blue</font><br />
<font color="#00FF00">Lime</font><br />
</p>
<h1 align="left">Hedding 1 dan Rata Kiri</h1><br>
<h2  align="justify"> Hedding  2  dan  rata  justify  ini merupakan  rata  kiri  kanan,  jadi  format  alinea  ini  yg biasanya digunakan jika kira ingin mengetik laporan di word ok. biar terlihat rapi, jadi ga lari sana-lari sini</h2>
 
</body>
<html>

7. buka dengan menggunakan browser untuk melihat tampilan

8. Untuk latihan coba, temen-temen copy sintaks berikut,

<html>
<head>
<title> Selamat Datang</title>
</head>
<body>
<h1 align=”center”><font color="green" face="calibri"> <u>LATIHAN PRAKTIKUM I</u></div></font></h1><HR />
<dl><dt> <dd> <dt> 
<dd> Hyepertext Transfer Protocol<br></dd></dt> 
<dt> IP 
<dd> Internet Protocol<br></dd></dt> 
<dt> Pemrograman web 
<dd> <ol><li>Pemrograman sisi client</li> 
<ul><li> javascript</li> 
<li>java applet</li></ul> 
<li>Pemrograman sisi server</li> 
<ul><li>Pemrograman CGI</li> 
<li>java Servlet (SUN)</li> 
<li>Server side inside (APACHE)</li></ul></ol>
</body>
<html>

 

INFORMASI:

Iklan yang tampil pada halaman situs ini sepenuhnya diatur oleh pihak google, kami hanya menyediakan slot kosong. Jadi apabila ada iklan yang kurang berkenan atau menyinggung perasaan anda harap informasikan kepada kami melalui formulir kontak web ini untuk selanjutnya akan kami sampaikan ke pihak Google.

penulis

About Catur Budi Waluyo

<p> Suka otak atik yang penting menyenangkan dan bermanfaat saja. Administrator www.calesmart.com</p> <p> &nbsp;</p> <p> &nbsp;</p>

Learn More

Artikel Terkait