www.TIFKOM.net

Blog Komputer - Blog tentang tips, informasi dan panduan tentang belajar komputer, website, programming, desain grafis, database, jaringan, software dan SEO yang terlengkap dan terbaru.

Mengenal Dasar - Dasar HTML





mengenal dasar - dasar html










Selamat pagi semua, bagaimana kabarnya? Saya harap baik - baik saja ya. Nah, ini kan waktunya libur untuk anak sekolah dan mahasiswa. Ayo liburan ke mana aja ini teman - teman. Kalau yang liburan di rumah, sekarang mungkin bingung mau melakukan apa?
Pada artikel kali ini kita akan mengenal dasar - dasar HTML, jadi meskipun liburan tidak mengapa kita tetap belajar kan? Tahu tidak teman - teman HTML itu apa? HTML adalah singkatan dari Hyper Text Markup Language yang merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Jadi untuk membuat halaman web, yang paling utama digunakan adalah HTML. HTML bukan merupakan bahasa pemrograman, tetapi Markup Language. Dikatakan markup language karena HTML berfungsi untuk mengatur/mengontrol tampilan dari suatu halaman (web page) beserta isinya dengan tanda - tanda (tags) yang sudah ditentukan.
Terdapat 3 komponen utama pada HTML, yaitu:
a. Elemen
b. Atribut
c. Entiti

A. Elemen
Elemen merupakan identifikasi bagian - bagian terpisah dari sebuah halaman situs dengan menggunakan tag.
Terdapat 2 jenis tag pada HTML, yaitu:
1. Pairs Tag
Pairs tag diawali dengan pembuatan tag pembuka kemudian elemen dan diakhiri dengan tag penutup.
Struktur penulisan: <tag>....</tag>
<tag> disebut sebagai tag pembuka dan </tag> disebut sebagai tag penutup ditandai dengan pemberian tanda "/" sebelum tag. Jadi elemen berada di antara tag pembuka dan tag penutup.
Contoh - contoh Pairs Tag:
Tag Pembuka Elemen Tag Penutup
<p> mendefinisikan sebuah paragraf </p>
<title> mendefinisikan judul </title>
<style> mendefinisikan informasi style untuk dokumen HTML </style>
<b> membuat teks tebal </b>
<i> membuat teks miring </i>
<h1>-<h6> mendefinisikan header 1-6 </h1>-</h6>
<pre> membuat tampilan teks saat pengeditan </pre>

2. Single Tag
Elemen yang dimasukkan dalam tag tunggal akan memberitahu kepada browser untuk memproses data yang diinformasikan oleh elemen tersebut baik dari atribut atau tidak.
Contoh elemen single tag adalah <img src="gambar.jpg"> yaitu single tag yang berfungsi untuk menampilkan gambar, di dalam tag tersebut ada src sebagai atribut untuk mendefinisikan lokasi dan nama file.

B. Atribut
Atribut memberikan kemungkinan dalam penggunaan elemen secara berbeda - beda sesuai yang diingikan. Jadi dengan atribut ini kita dapat mengatur warna, jenis huruf, ukuran, lebar, tinggi dari suatu huruf, objek ataupun gambar.
Struktur penulisan:
<tag atribut="nilai"> ...</tag>
atau
<tag atribut="nilai" atribut="nilai2"/>
Dalam membuat atribut tidak memiliki ketentuan urutan (sesuai keinginan) dan nilai(value) harus diberikan di dalam tanda kutip:
Contoh - contoh atribut:

  • src untuk mendefinisikan lokasi atau nama file
  • width untuk mendefinisikan lebar
  • height untuk mendefinisikan tebal garis tepi tabel
  • color untuk mendefinisikan warna teks
  • face untuk mendefiniskan jenis huruf


C. Entiti
American Standart Code for Information Interchange (ASCII) termasuk karakter khusus yang sering digunakan seperti Trade Mark dan Copyright. Pada HTML menggunakan entiti untuk karakter - karakter tersebut agar dapat dirender oleh Web Browser. Setiap entiti dimulai dari ampersand (&) dan diakhiri dengan semicolon(;).
Berikut ini adalah contoh - contoh entiti:

  • &nbsp; untuk membuat karakter spasi atau nonbreaking space ( )
  • &lt; untuk membuat kurung runcing buka atau less-than-symbol (<)
  • &gt; untuk membuat kurung runcing tutup atua greater-than-symbol (>)
  • &amp; untuk membuat karakter ampersand (&)
  • &plusmn; untuk membuat karakter plus minus (±)
  • &quot; untuk membuat tanda petik ganda atau quotation mark (")
  • &copy; untuk membuat karakter hak cipta atau copyright symbol (©)
  • &reg; karakter terdaftar atau registered trademark symbol (®)


Jadi karakter - karakter tersebut tidak dikenali browser jika kita buat pada halaman HTML kita, jadi kita menggunakan entiti yang dimulai dari ampersand dan diakhiri dengan semicolon pada halaman HTML.
Demikianlah artikel ini, sekarang teman - teman sudah tahu kan apa itu HTML dan apa saja komponen - komponen utamanya. Nah berikutnya mari kita cari tahu cara membuat halaman web.
Terimakasih telah membaca artikel ini, silahkan tinggalkan komentar ataupun pertanyaan dan sering - sering berkunjung ya.





Tag : HTML, website
2 Komentar untuk "Mengenal Dasar - Dasar HTML"

Ok.. thanks. Please wait for next article about HTML

Terimakasih sudah membaca blog saya, silahkan tinggalkan komentar yang membangun, pertanyaan yang sopan dan sesuai topik. No spam (link aktif pasti dihapus).

Back To Top