Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. 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).
Let's Go kita pelajari mengenai HTML
Semua dokumen HTML harus dimulai dengan deklarasi tipe dokumen : <!DOCTYPE html> dokumen HTML itu sendiri dumulai dengan <html> dan diakhiri dengan </html> bagian yang terlihat dari dokumen HTML yaitu antara <body> sampai </body>.
example :
<!DOCTYPE html>
<html>
<body>
<h1> Ini adalah heading 1 </h1>
<p> Ini adalah paragraph </p>
</body>
</html>
Element
sebuah element biasa terdiri dari start tag dan end tag, dengan konten yang dimasukkan diantara keduannya : <tagname> konten </tagname>
example :
<h1> Ini adalah heading 1 </h1>
<p> Ini adalah paragraph </p>
Attribute
attribute memberikan informasi tambahan mengenai element HTML
- semua element HTML dapat memiliki attribut
- attribut memberikan informasi tambahan tentang element
- attribut selalu ditentukan dalam tag awal
- attribut biasanya datang dalam pasangan nama / nilai seperti : name = “value”
<a href=”codebanten.blogspot.com”> klik link ini </a>
Heading
heading digunakan sebagai judul ada 6 jenis heading dimana angka 1 mendefinisikan ukuran yang paling besar dan 6 yan paling kecil
<h1> Heading 1</h1>
<h2> Heading 2</h2>
<h3> Heading 3</h3>
<h4> Heading 4</h4>
<h5> Heading 5</h5>
<h6> Heading 6</h6>
Paragraf
untuk mendefiniskan paragraf menggunakan element <p>
example :
<p> ini adalah paragraph </p>
browser akan menghapus spasi ekstra saat halaman akan ditampilkan
<p> ini adalah paragraph
yang pertama
berisi untaian
kata </p>
ketika di run pada browser tetap akan menjadi satu baris, untuk membuat garis baru kita membutuhkan tag <br>
<p> ini adalah paragraph<br>
yang pertama<br>
berisi untaian <br>
kata </p>
Style
pengaturan format element HTML, dapat dilakukan dengan atribut style.
<tagname style=”property:value;”>
<body style=”background-color:white;”>
<h1> Heading 1</h1>
<p> ini adalah paragraph </p>
</body>
background-color mendefinisikan warna latar belakang element HTML berwarna putih.
- gunakan color untuk warna teks
- gunakan font-family untuk font teks
- gunakan font-size untuk ukuran font teks
- gunakan text-align untuk perataan teks
HTML menggunakan element <b> dan <i> untuk performatan bold atau italic, berikut beberapa contoh pemformatannya
- <b> menebalkan teks
- <strong> teks penting
- <i> teks miring
- <em> teks ditekankan
- <mark> teks ditandai
- <small> teks kecil
- <del> teks dihapus
- <ins> teks dimasukkan
- <sub> teks subscript
- <sup> teks superscript
Link memungkinkan pengguna mengklik dari halaman untuk menuju halaman lain.
dalam HTML didefinisikan dengan tag <a>
example :
<a href=”https://codebanten.blogspot.com/ ”> Visit My Website </a>
nah untuk membuat tab baru pada browser kita gunakan atribut target
<a href=”https://codebanten.blogspot.com/ ” target=”_blank”> Visit My Website </a>
Table
dalam HTML table didefinisikan dengan tag <table>
<table>
<tr>
<th>Nama</th>
<th>Alamat</th>
<th>Umur</th>
</tr>
<tr>
<td>Firhan</td>
<td>Serang</td>
<td>50</td>
</tr>
</table>
setiap baris pada tabel ditunjukan dengan tag <tr>. Sebuah header tabel didefiniskan dengan tag <th> dan sebuah data atau isi dari tabel didefinisikan dengan tag <td>
Referensi :
https://id.wikipedia.org/wiki/HTML
Tidak ada komentar:
Posting Komentar