Jumat, 11 Januari 2013

cara membuat website sederhana





BAB II
PEMBAHASAN

2.1 Sejarah
Penemu website adalah Sir Timothy John ( tim Berners Lee ), sedangkan website yang tersambung dengan jaringan, pertama kali muncul pada tahun 1991. Maksud dari tim ketika membuat website adalah untuk mempermudah tukar menukar dan memperbaharui informasi kepada sesama peneliti di tempat dia bekerja. Pada tanggal 30 April 1993, CERN ( tempat dimana tim bekerja) menginformasikan bahwa WWW dapat digunakan secara gratis oleh semua orang.

2.2 Pengertian Website
Secara terminologi, website adalah kumpulan dari halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara atau gabungan dari semua itu baik bersifat statis maupun dinamis, yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link.

2.3 Macam-macam website
1.      Website statik
Website statik adalah salah satu bentuk website yang isi di dalam website tersebut tidak dimaksudkan untuk di update secara berkala, dan biasanya di maintain secara manual oleh beberapa orang yang menggunakan software editor. Ada 3 tipe kategori software editor yang biasa dipakai untuk tujuan maintaining ini, mereka adalah :
a.       Elemen 1 penyunting teks. Contohnya adalah Notepad atau Text Edit, dimana HTML di ubah di dalam program editor tersebut.
b.      Elemen 2 WYSIWYG editor. Contohnya Microsoft Frontpage dan Macromedia Dreamweaver, dimana situs di edit menggunakan GUI ( Graphical User Interface ) dan format HTML ini secara otomatis di generate oleh editor ini.
c.       Elemen editor yang sudah memiliki templat. Contohnya Rapidweaver dan iWeb, dimana editor ini membolehkan user untuk membuat dan meng update websitenya langsung ke server web secara tepat, tanpa harus mengetahui apapun tentang HTML. Mereka dapat memilih templat yang sesuai dengan keinginan mereka, menambah gambar atau obyek, mengisinya dengan tulisan, dan dengan sekejab mereka sudah dapat membuat website tanpa harus melihat sama sekali kode-kode HTML.
2.      Website dynamik
Website dynamic adalah website yang secara berkala informasi di dalamnya berubah, dan website ini bisa berhubungan dengan user dengan berbagai macam cara atau metode ( HTTP cookies atau Variabel Database, sejarah kunjungan, variabel sesi dan lain-lain ) bisa juga dengan cara interaksi langsung menggunakan form dan pergerakan mouse. Ketika web server menerima permintaan dari user untuk memberikan halaman tertentu, maka halaman tersebut akan secara otomatis di ambil dari media penyimpanan sebagai respon dari permintaan yang diminta oleh user. Sebuah situs dapat menampilkan dialog yang sedang berlangsung di antara 2 user, memantau perubahan situasi, atau menyediakan informasi yang brkaitan dengan sang user.
Ada banyak jenis sistem software yang dapat dipakai untuk menggenerate Dynamic Web System dan Situs Dynamic. Beberapa di antaranya adalah Coldfusion ( CFM ), Active Server Page ( ASP ), Java Server Pages (JSP) dan PHP, bahasa program yang mampu untuk meng-generate Dynamic web System dan Situs Dinamis. Situs juga bisa termasuk di dalamnya berisi informasi yang di ambil dari satu atau lebih database atau bisa juga menggunakan teknologi berbasis XML. Contohnya adalah RSS. Isi situs yang statis juga secara periodik di generate atau apabila ada keadaan dimana dia butuh untuk dikembalikan pada keadaan semula, maka dia akan di generate, hal ini untuk menghindari kinerjanya supaya tetap terjaga.

2.4 Tujuan Membuat Website
a.      Sebagai media promosi
Tujuannya supaya masyarakat luas mengetahui produk kita, disitu kita dapat menjelaskan manfaat dan keunggulan produk kita.
b.      Sebagai Katalok produk
Hampir sama dengan yang sebelumnya, tetapi jumlah produk produk anda bisa puluhan bahkan ratusan.

c.      Sebagai media untuk menjual secara online
Dalam hal ini pengunjung melakukan transaksi, disini terdapat fasilitas shopping cart atau keranjang belanja.
d.     Sebagai support untuk produk atau jasa kita
Pada website ini terdapat produk kita misalkan cara pakai, download driver,sevice center dan lain-lain
e.      Untuk brand awareness
Disini harus benar ditekan secara visual apa yang menjadi brand awareness kita

2.5 Cara membuat website
Untuk membuat website perlu diperhatikan hal-hal berikut:
1. Domain
Domain adalah nama /alamat dari sebuah website. Di internet setiap orang harus mengetikkan sebuah nama domain untuk bisa membuka dan membaca isi dari sebuah website. Domain terdiri dari nama domain dan extension. Contoh, blogbisnisinternet.com blogbisnisinternet adalah nama domain sedangkan .com adalah nama untuk extension yang biasanya untuk kepeluan komersial. Net untuk keperluan jaringan, org untuk keperluan website nonkomersial, dan lain-lain Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah :
      .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah
      .ac.id : Untuk Lembaga Pendidikan
      .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
      .mil.id : Khusus untuk Lembaga Militer Republik Indonesia
      .or.id  :  Untuk  segala  macam  organisasi  yang  tidak  termasuk  dalam  kategori “ac.id,”co.id,go.id”,mil.id” dan lain lain
      .war.net.id : untuk industri warung internet di Indonesia
      .sch.id : khusus untuk Lembaga Pendidikan  yang menyelenggarakan  pendidikan seperti SD, SMP dan atau SMU

2. Web Hosting
Web  Hosting  dapat  diartikan  sebagai  ruangan  yang  terdapat  dalam  harddisk tempat  menyimpan  berbagai  data,  file-file,  gambar,  video,  data  email,  statistik, database dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang bisa   dimasukkan   tergantung  dari   besarnya   web   hosting   yang   disewa/dipunyai, semakin  besar  web  hosting  semakin  besar  pula  data  yang  dapat  dimasukkan  dan ditampilkan dalam website.
Web  Hosting  juga  diperoleh  dengan  menyewa.  Pengguna  akan  memperoleh kontrol  panel  yang  terproteksi  dengan  username  dan  password  untuk  administrasi websitenya.  Besarnya  hosting  ditentukan  ruangan  harddisk  dengan  ukuran  MB (Mega Byte) atau GB (Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan  dari  perusahaan-perusahaan  penyewa web hosting  yang  banyak  dijumpai  baik  di  Indonesia  maupun  Luar  Negeri.

3. Software Website
Bila Anda belum tahu software website yang akan Anda gunakan, Anda bisa googling di internet, untuk melihat website-website lain yang sudah ada, dan lihat contoh website yang Anda rasa cocok sebagai website yang Anda inginkan.
Anda dapat mengecek pada website yang sudah ada tersebut, websitenya menggunakan software apa? Bila website tersebut menggunakan software website open source seperti blog wordpress, joomla, phpbb, dan lain-lainnya, tentunya Anda bisa membuat website yang sama. Tetapi harap di ingat yang Anda contoh adalah jenis websitenya, bukan mencopy tampilan, dan isi (content) websitenya, hal tersebut tidak diperbolehkan.
Untuk mengetahui software website yang digunakan, bisa dilakukan dengan 2 cara yaitu:
1. Anda cek link pada website yang bersangkutan, biasanya bisa dilihat pada bagian footer-nya (bagian paling bawah dari sebuah website). Untuk website yang menggunakan software open source (gratis), Anda biasanya bisa melihat ada sebuah link pada bagian footer ke website pembuat software tersebut.
2. Anda bisa mendownload softwarenya dan menginstall software tersebut mengikuti petunjuk manual penginstallan yang disediakan.Untuk mengetahui software situs yang akan digunakan, kita bisa menggunakan googling di internet. Untuk melihat situs-situs yang ada dan lihat contoh situs yang cocok dengan yang kita inginkan.
4. Scripts/bahasa pemrograman
Bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat itu diakses. Jenis scripts sangat menentukan statis, dinamis, atau interaktifnya suatu situs. Semakin banyak jenis scripts yang digunakan maka akan terlihat situs semakin dinamis dan interaktif dan terlihat bagus. Bagusnya suatu situs dapat dilihat dari tanggapan pengunjung dan frekwensi pengunjung. Jenis-jenis scripts yaitu html, asp, php, jsp, java scripts, java applets.

5. Desain Web
Desain web sangat menentukan kualitas dan keindahan situs, desain sangat berpengaruh pada penilaian pengunjung akan bagus tidaknya sebuah web site. Untuk membuat situs biasanya menggunakan jasa desain web. Banyak dikota besar menggunakan jasa desain web untuk membuat situs. Serta kualitas situs sangat ditentukan oleh desain. Semakin banyak penguasaan desain web tentang pemrogaman/software pendukung pembuatan situs maka akan dihasilkan  semakin banyak situs yang berkualitas. Dan menggunakan jasa desain web memerlukan biaya yang sangat tinggi.

6. Publikasi
Keberadaan situs tidak ada gunanya jika tidak dikunjungi atau tidak kenal oleh masyarakat ataupun pengunjung internet. Karena efektif tidaknya tergantung pad banyaknya pengunjung dan komentar yang masuk. Untuk hal tersebut maka diperlukan promosi atau publikasi. Publikasi situs dapat dilakuka dengan selebaran-selebaran, pamphlet, baliho dll. Namun cara ini kurang efektif karena kurang efektif dan sangat terbatas.








2.5 Kelebihan dan kelemahan website
  1. Kelebihan website
a. Suka melakukan web walking (berkunjung ke web lain)
Biasanya jika seorang newbie sudah lama membangun  webnya akan ada keinginan  untuk  melihat  web  ,  entah  itu  ingin  membandingkan  atau-pun  cari referensi. Atau hanya ingin promosi dan memberitahukan bahwa mereka itu ada. Sehingga akan menambah pengetahuan kita.
b. Inovatif
Seorang newbie selalu berkeinginan webnya tampil lebih bagus dari yang lainnya  hingga  timbullah  kreatifitas  yang  menyebabkan  inovasi-inovasi  yang menawan.
c. Berlomba-lomba memberi informasi
Biasanya para newbie yang konsisten dengan tema webnya selalu mencari bahan  terbaru  untuk  postingan  websitenya.  terkadang  jika  bertemakan  berita, selalu berkeinginan postingannya lebih cepat dari website portal berita.
d. Punya rasa tanggung jawab
Seorang newbie biasanya merasa punya tanggung jawab terhadap webnya. Ia takkan membiarkan websitenya terlantar.
e.  Konsisten
Newbie   sejati   selalu   konsisten,   baik   dalam   hal   publikasi   maupun eksistensinya  di   dunia  website.  Bahkan  ada  yang  menetapkan   waktu   wajib postingnya, seperti minimal 3 kali posting dalam seminggu.
f. Interaktif
Seorang newbie yang handal merupakan newbie yang interaktif dan selalu tanggap. Bisa merespon dan suka direspon, bahkan mereka paham betul keinginan pengunjung website mereka.
g. Selalu berbagi ilmu website
Memperkenalkan dan berbagi ilmu seputar website kepada teman, sahabat atau siapa saja dan membawa serta mereka ke dalamnya.
h. Sangat peduli terhadap perkembangan website
Care  tentang  dunia  website  yang  pada  klimaksnya,  terbentuklah  sebuah komunitas web.

i. Dengan memiliki website ada kepuasan tersendiri
Menulis  website  seperti  halnya  menciptakan  sebuah  karya  seni  bagi  si newbie.  Seni  bisa  membuahkan  rasa  puas  dan  web  yang  ramai  pendatang  akan membuat hati riang.

  1. Kelemahan website
- Sistem operasi yaitu untuk memastikan bahwa sistem operasi yang digunakan benar-benar reliable
- Kesalahan pemrogaman, hal ini sering terjadi Karena kewaspadaan yang rendah menjadikan website mudah terkena deface
2.6 Contoh website

     (Web ecommerse)
a company specializing in plastic packaging industry.
Producing any kinds of plastic packaging such as cup, tray and jar packaging


(Web bisnis)
a company specializing in providing a broad spectrum of NDT, Inspection and Laboratory  equipment for all industries

(Web Portal)
Forum konsultasi dan Bengkel AC Mobil, melayani jasa pemasangan unit baru, perbaikan, perawatan dan modifikasi AC Mobil untuk kendaraan niaga dan pribadi

BAB III
IMPLEMENTASI

3.1 Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup    Language)

Website atau disingkat web atau dikenal juga dengan nama homepage kini telah menjadi trend. Ribuan  bahkan jutaan website kini telah  meramaikan dunia  maya seiring dengan perkembangan internet. Bila telah terhubung dengan internet, sebuah perusahaan dapat mempromosikan produknya ke segala penjuru dunia lewat website perusahaan.  Dengan  www.yahoomail.com kita bisa berkirim email ke  teman  kita di luar negeri tanpa harus repot repot menulis di kertas, memasukkan ke dalam amplop, dan mengirimnya lewat kantor pos. Dengan website pula kita bisa mengetahui berita mutakhir lewat www.detik.com, dan dengan website pula kita bisa menambah teman dengan mendaftar ke www.friendster.com. Kita pun  bisa membuat website seperti itu sendiri  dengan  bantuan  software web  developer   yang  sudah  ada  seperti  Microsoft  Frontpage  atau  Macromedia Dreamweaver. Kalaupun program  tersebut tidak terinstal di  komputer anda, asalkan ada program Notepad, Internet Explorer, atau web browser  sejenis  anda masih bisa membuat web pribadi anda.
Selain PHP, bahasa yang umum dipakai untuk membuat halaman website  ini salah satunya  adalah Hyper Text Mark up Language (HTML). HTML ini sangat mudah untuk  kita pelajari bila  dibandingkan  dengan  PHP.  Karena itu untuk contoh  kali ini saya terangkan mengenai pembuatan web pribadi  sederhana menggunakan HTML. Perintah perintah yang dipakai dalam HTML ini dinamakan tag. Tag tag yang dipakai untuk membuat halaman sebuah web dapat  kita lihat dengan mengeklik tab View > Source dalam web browser yang anda pakai, yang dalam tutorial ini saya pakai web browser Internet Explorer. Untuk web browser lainnya seperti Mozilla Firefox, source halaman website bisa anda lihat dengan mengeklik tab View > Page Source.




LANGKAH-LANGKAH PEMBUATAN WEB SEDERHANA
DENGAN MENGGUNAKAN HTML (HYPER TEXT MARKUP LANGUAGE)

1.        Klik Start >  All Program >  Accessories > Notepad untuk membuka program Notepad.





2.        Tampilan program Notepad seperti gambar di bawah ini. Di Notepad ini nanti kita akan mengetik tag HTML untuk membuat sebuah halaman web.



 
3.        Sebuah  halaman web terdiri dari dua bagian, yaitu bagian  kepala dan badan. Bagian kepala memberi nama website kita, sedangkan bagian badan berisi halaman inti  sebuah web. Bagian  kepala dan  bagian  badan ini nantinya  akan membentuk sebuah kesatuan halaman website yang akan kita buat. Tuliskan tag tag berikut dalam Notepad untuk membuat bagian kepala dan badan web.
<html>
<head>
<title>
Tugas web
</title>
</head>
<body>
Selamat datang di website pertama eka
</body>
</html>

<html>, <head>, <title>, <body>,  </html>, </head>, </title>,  </body> adalah beberapa contoh tag yang dipakai untuk membangun sebuah halaman website.  Pada contoh di atas terlihat bahwa setiap tag mempunyai pasangan yang ditambahi dengan tanda slash (/). Perlu diingat bahwa tidak semua tag mempunyai pasangan seperti contoh di atas, dan tag tag yang tidak mempunyai pasangan akan kita bahas di nomer selanjutnya.
Kalimat atau kata yang kita tuliskan di antara tag <title> </title> merupakan judul atau deskripsi dari website kita. Sedangkan kalimat di antara <body> </body> merupakan isi dari website kita. Kalau sudah anda ketik klik File > Save / Save As, dan simpan dengan nama file index.html. File ini akan mempunyai  icon  Internet  Explorer atau icon web browser lain yang anda gunakan dalam komputer anda. Klik icon ini untuk melihat tampilan halaman web yang telah anda buat.

Terlihat bahwa di  bagian  atas halam website terdapat kata  kata yang  anda tuliskan di antara tag <title> </title>, sedangkan dalam badan website terdapat tulisan yang anda tuliskan di antara tag <body> </body>.

4.        Warna background  website  anda dapat anda ubah dengan menambahkan kata “bgcolor = warna” setelah tag body. Misalnya anda ingin memberi warna hitam website anda maka anda tinggal tambahkan kode berikut :

       <body bgcolor = pink>

       Bila sudah anda tambahkan ke ketikan anda dalam Notepad kemudian disave, dan  selanjutnya  tekan  tombol  refresh  dalam  web  browser  anda.  Tampilan website  anda  akan  berubah  menjadi  seperti  di  bawah  ini.  Bila  anda  ingin mengubahnya menjadi warna lainnya  anda tinggal ubah  warna yang  diketik setelah bgcolor, misalnya : red, green, blue, atau warna lainnya.




 






5.        Anda  bisa juga menjadikan  sebuah  gambar sebagai  background website  anda dengan  menambahkan kode : background = file gambar setelah tag  body. Misalnya   anda   ingin   menjadikan   file   gambar   pemandangan.jpg   sebagai background halaman website anda maka anda tinggal tambahkan kode berikut :

<body background = kulQ.jpg >

Save dan klik refresh. Tampilan website anda akan seperti gambar di bawah ini.




Perlu diingat bahwa menggunakan gambar sebagai background halaman website anda akan memperlambat loading halaman website anda, terutama bila ukuran file   gambar  ini  terlalu  besar.  Karena  itu   usahakan  sebisa  mungkin  agar background website anda tidak menggunakan file gambar dan bila menggunakan file gambar, gambar yang digunakan harus berada dalam satu file dengan notepad yang digunakan sebagai halaman web.

6.        Seperti halnya background website, tulisan dalam website pun bisa juga diubah ubah warnanya.  Selain itu jenis dan  ukuran tulisan  bisa juga kita ubah  ubah. Untuk itu kita perlu menyisipkan tag <font> </font> dalam tag <body> </body>. Untuk mengubah warna tulisan kita tambahkan kode “color” setelah font, untuk mengubah  jenis  tulisan  kita  tambahkan  kode  “face”,  dan  untuk  mengubah ukuran  tulisan  kita  tambahkan  kode  “size”.  Khusus  untuk  size  kita  bisa mengubah ubah ukurannya dari -7 sampai +7, bila nilainya semakin besar maka semakin besar pula huruf yang akan ditampilkan dalam halaman web. Kita bisa mengubah  satu, dua, atau  tiga pengaruh tag tag di atas secara bersamaan dengan dipisahkan spasi. Misal kode yang kita tuliskan dalam Notepad :
<html>
<head>
<title>
Tugas web
</title>
</head>
<body bgcolor = black>
<font color = green face = verdana size = +3 align = center>
Selamat datang di website pertama eka
</font>
</body>
</html>
Kode di atas berarti memberi  pengaruh tulisan warna hijau berjenis Verdana dan berukuran +3. Save dan refresh browser untuk melihat pengaruhnya. Anda  juga bisa   menambahkan   efek   tulisan   bergerak   dengan   menyisipkan   tag
<marquee> </marquee> sebelum kode <font> </font>
Contohnya:
<font color = green face = verdana size = +3 align = center>
<marquee>Selamat datang di website pertama eka </marquee>
</font>



 
Untuk mengatur posisi tulisan bisa kita sisipkan tag <posisi> </posisi> di antara tulisan yang kita tuliskan. Posisi kita isi dengan “left”, “center, atau “right”. Misalkan kita ingin membuat posisi tulisan ke tengah, maka kita ketikkan :

<center> TUGAS BAHASA INDONESIA </center>


 
7.        Anda  bisa  menyisipkan foto atau  gambar anda dalam website  anda  dengan mengetikkan tag  <img src = file foto anda>. Misalkan file yang ingin anda masukkan bernama bajaj.jpg, maka tag yang perlu anda tuliskan adalah :

<img src = logo.jpg>

Untuk  memberi  jarak antara  tulisan  anda sebelumnya dengan  foto ini  maka perlu anda tambahkan tag <br>.
<font color = blue face = verdana size = +3 align = center>
<br> TUGAS BAHASA INDONESIA </br>
<img src = logo.jpg>
</font>
Tampilan website anda akan seperti ini. Ukuran gambar bisa anda atur dengan menambahkan  kode “height =  ukuran,  dan/atau  “width =  ukuran”. Misalkan anda  ingin  gambar  anda  mempunyai  tinggi  100  pixel  maka  anda  tinggal tambahkan “height = 100” setelah kode nama file gambar yang anda sisipkan.








8.        Selanjutnya  tinggal anda  tambahkan  menu menu dalam website anda. Menu standar yang ada dalam web sederhana biasanya adalah profil, galeri foto, dan link. Untuk itu kita perlu menambah halaman baru yang mempunyai nama file profil.html, galeri.html, dan  link.html. Untuk membuat halaman halaman ini anda bisa mengulangi langkah langkah yang telah dijelaskan sebelumnya. Untuk menghubungkan halaman utama website dengan halaman halaman tambahan ini kita perlu ketikkan tag <a href = profil.html> dan ditutup dengan </a> bila kita ingin menghubungkan dengan halaman profil, demikian pula untuk halaman web lainnya. Kode berikut akan menampilkan hubungan antar halaman website yang berjejer.

<center><a href = dua.html> Profil </a></center>

Klik Save dan refresh sehingga ditampilkan  halaman website seperti berikut. Bila  link  yang  anda  buat  benar  maka  kursor  mouse  akan  berubah  menjadi tangan bila anda dekatkan ke link yang anda buat.


 
9.        Untuk halaman profil, galeri, dan link bisa anda tambahkan sesuka anda seperti langkah langkah sebelumnya. Khusus untuk halaman link, anda bisa mengisinya dengan link ke Friendster, Yahoomail, Google, dan sebagainya. Link yang telah dijelaskan di atas  bila kita klik maka  halaman baru akan dibuka dalam  satu jendela  browser yang sama. Bila kita ingin tetap menikmati halaman website kita sedangkan kita juga ingin membuka Friendster misalnya, maka kita perlu menambahkan tag “target = “_blank” setelah alamat Friendster. Misal :

<a href = http://www.friendster.com target = “_blank”> Friendster </a>

Bila anda ingin Friendster ini dibuka  di halaman web yang  sama maka anda tinggal hilangkan saja “target = _blank” nya.

10.    Bila anda ingin link ke halaman profil anda berupa gambar profil.jpg misalnya, maka anda perlu menyisipkan file gambar di dalam tag <a href = profil.html> </a>. Sehingga dapat kita tuliskan sebagai berikut :

<a href = profil.html> <img src = profil.jpg> </a>

Bila benar maka kursor mouse akan berubah menjadi tangan bila didekatkan ke gambar profil.jpg. Demikian pula  bila link ke Friendster atau  Yahoomail juga dalam bentuk gambar, maka anda tinggal menambahkan tag <img src = gambar> di antara tag <a href = link > </a>.




MEMFORMAT HURUF DAN PARAGRAF
Secara umum setiap tag pembentuk pada HTML bekerja pada cara yang sama, masing-masing tag mempunyai tag pembuka dan tag penutup, semua teks diantara tag tersebut akan mengikuti format tag yang telah ditentukan.
  1. Huruf Tebal,Miring, dan Garis bawah
-          Huruf tebal (Bold) mempunyai tag dengan awalan <B> dan diakhiri dengan tag </B>, jadi seluruh karakter yang berada diantara tag tersebut mempumyai format teks tebal
-          Tag untuk huruf miring adalah <I> dan diakhiri </I>
-          Tag bergaris bawah (Underlined Text) mempunyai pasangan tag <U>  dan </U>
  1. Sub Script dan Super Script
Tag subscript dan superscript banyak digunakan dalam persamaan matematis.
-          Tag subscript (sedikit dibawah baris) mempunyai pasangan tag <SUB> dan </SUB>
-          Tag superscript (sedikit diatas baris) mempunyai pasangan tag <SUP> dan </SUP>  

  1. Format Paragraf
Tag paragraf dan format huruf  merupakan tag yang paling sering dalam pembuatan web, sebab informasi pada umumnya berupa teks, tag paragraf <P>  merupakan tag penunjuk setiap paragraf baru.
Tag <P> akan membuat teks selalu rata kanan, untuk membuat rata kanan tambahkan align kemudian jenis format yang diinginkan, misalnya:
-          untuk rata kanan <P Align=Right>
-          untuk membuat rata kiri <P Align=Left>
-          untuk rata tengah <P Align=Center>
-          untuk rata kiri kanan (kedua sisi rata) gunakan <P Align=Justify>