Mengenal HTML - Information Technology

Information Technology

Berita IT & Tutorial

test banner

Post Top Ad

Responsive Ads Here
Mengenal HTML

Mengenal HTML

Share This
Mengenal Beberapa Istilah Dalam Dunia Maya  
www (word wide web) : merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama-sama.

Web : adalah fasislitas hypertext yang mampu menampilkan data berupa teks,gambar, suara,animasi, dan multimedia lainnya, dimana diantara data tersebut saling terkait dan berhubungan satu dengan yang lainnya. Untuk memudahkan dalam membaca tersebut diperlukan sebuah web browser seperti internet explorer, netscape, opera ataupun mozilla firefox, editor ?...

Sambungan Mengenal Beberapa Istilah Dalam Dunia Maya
Website (situs web) : merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu. Contohnya seperti buku yang berisi topik tertentu.
Web Pages (halaman web) : merupakan sebuah halaman khusus dari situs web tertentu. Diibaratkan halaman web ini seperti halaman khusus dari buku.
Homepage : merupakan sampul halaman yang berisi daftar isi atau menu sebuah situs web
 
HTML Mark Up Language
Mark up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi
Mark up ditambahkan bukan untuk tampilan tetapi untuk memberikan struktur interpretasi/pemberiana rti
HTML (HyperTextMarkup Language) merupakan subset dari SGML (Standard Generalized Markup Language)
Contoh subset lain dariSGML :
XML (eXtensible Markup Language)
SMIL (Synchronized Multimedia Integration Language)
MathML(Mathematical Markup Language)
CML (Chemical Markup Language)
Tentang HTML
HTML : format standar untuk membuat dokumen web
HTML versiterakhir: HTML 4.01
Spesifikasi HTML standar: http://www.w3.org/TR/html4
HTML merupakan bahasa bertanda,menggunakan rangkaian  teks tertentu(tag) untuk menandai teks yang mempunyai interpretasi khusus
File HTML berupafile teks(plain text file), bukan binary file 
Contoh Dokumen HTML
<html>
  <head>
  <title>Homepage saya</title>
  </head>
  <body>
  <h1>Saya</h1>
  <h2>Perkenalan</h2>
  <p>Perkenalkan, nama saya..... Ini adalah<i>homepage</i><b>pertama</b> saya, karena saya baru belajar tentang   cara membuat<b><i>homepage</i></b>.
  </p>
  </body>
</html> <!—akhir dokumen HTML -->

Daftar Tag 
<html> Dokumen    <br> Ganti baris
<head> Header  < font> Font
<title> Judul dokumen  <li> Enumerasi
<body> Isi dokumen    <hr> Garis mendatar
<h1> Judul paragraf    <img> Gambar
<p> Paragraf    <a> Link (kaitan)
<b> <i> <u>    <table> Tabel
<sup> <sub> Atribut   <!----> Komentar
Mengenai Penulisan Tag
Tag dibentuk oleh suatu kata(keyword) yang diapit oleh tanda kurung lancip (<tag>)
Tag boleh ditulis dalam huruf kecil maupun kapital
Tag harus berpasangan, yaitu tag awal diikuti tag akhir, kecuali tag tunggal
  <p> teks</p> <br> <hr />
Diantara tag awal dan tag akhir bisa terdapat tag lain
Penulisan tag tidak boleh tumpang tindih
  <tag1><tag2> teks</tag1></tag2>   →penulisanyang salah
  <tag1><tag2> teks</tag2></tag1>   →penulisanyang benar 

Skema Dasar HTML
< HTML>
  <HEAD>
  <TITLE>Juduldokumen</TITLE>
  </HEAD>
  <BODY>
       Isidokumen
  </BODY>
</HTML> 

Tag Dasar
HTML: menandai awal dan akhir dokumen HTML
  <html>dokumen</html>
Head: menandai bagian header dokumen HTML
  <head>header</head>
Title: memberi judul pada dokumen HTML
  <title>judul dokumen</title>
Body: menandai awal dan akhir isi dokumen
  <body>isidokumen</body>
  <body text="#xxxxxx" bgcolor="#xxxxxx"
  background="filegambar" link="#xxxxxx"
  vlink="#xxxxxx">isidokumen</body> 
Tag  Judul (Heading)
<hn>Judul paragraf</hn>
            n = 1,2,3,4,5,6 (tingkat judul)
Untuk menuliskan judul suatu paragraf

Tag Paragraf (Paragraph)
<p>paragraf</p>
Untuk menandai suatu paragraf.
Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya.  


Tag  Atribut1 (Bold, Italic, Underline)
<b>Kalimatyang dicetaktebal</b>
<i>Kalimatyang dicetakmiring</i>
<u>Kalimatyang digarisbawahi</u>
Untuk menandai bagian kalimat agar dicetak


Tag  Atribut2 (Superscript, Subscript)
<sup>bagian yang dicetak tinggi</sup>
<sub>bagian yang dicetak rendah</sub>
Untuk menandai bagian karakter agar dicetak tinggi atau rendah, biasanya untuk rumus matematika atau kimia

Tag Ganti Baris (Break line)
<br>
      Untuk pindah kebaris berikutnya.
      Bentuk penulisan lain yang dianjurkan (XML style) :




No comments:

Post a Comment

Post Bottom Ad

Responsive Ads Here

Pages