Pada kali ini saya akan membagikan sedikit ilmu yang telah saya pelajari agar dapat bermanfaat bagi orang lain,terutama bagi yang ingin mempelajari pemrograman website.
Belajar pemrograman website itu mudah asalkan kita punya niat dan ketekunan.Langkah awal yang harus kamu tempuh dalam mempelajari pemrograman website adalah belajar HTML. Apa itu HTML? Mari kita pahami penjelasan dibawah ini.
Untuk membuat sebuah webite,kita memerlukan kode atau bahasa yang dimengerti browser yang kemudian akan diterjemahkan menjadi
halaman website seperti yang kamu lihat.
Jadi,sebenarnya halaman website yang biasa kamu lihat merupakan hasil terjemahan kode-kode oleh browser yang kita susun yang kemudian menjadi halaman sebuah website.Nah, kode tersebut merupakan bahasa markup (markah) yang disebut HTML.
Sekarang mari kita pahami pengertian HTML.Apa itu HTML?
![]() |
| HTML |
HTML adalah singkatan dari Hyper Text Mark-up Language.
Menurut Wikipedia.org,
- Hyper Text adalah teks aktif,yang jika diklik akan menuju halaman lain.
- Mark-up adalah tag-tag html yang terdiri dari tag pembuka dan tag penutup.
- Language adalah bahasa yang digunakan HTML.
Hyper Text 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.
Jadi,HTML adalah bahasa dasar yang berisi tag-tag untuk menyusun kerangka dasar sebuah website.
HTML terdiri dari beberapa tag yang mengapit elemen dan atribut dalam HTML.Apai itu Tag,Elemen,dan Atribut?
Tag adalah perintah yang berfungsi memberi tahu browser untuk memberi tahu bagaimana menampilkan halaman web. Tag terdiri dari elemen dan atribut yang tag pembuka yang disimbolkan dengan " <elemen> " dan diakhiri dengan tag penutup yang disimbolkan dengan "</elemen > ".
Contohnya:
<p>
Ini adalah paragraf <b> yang terdiri dari kata yang ditebalkan</b>,<i> kata yang miring <i> , <u> dan teks yang bergaris bawah<u/>
</p>
Jadi,yang akan ditampilkan browser dari tag tersebut adalah
Ini adalah paragraf yang terdiri dari kata yang ditebalkan, kata yang miring , dan teks yang bergaris bawah.Setelah memahami tag,mari kita pahami elemen pada HTML.
Elemen adalah isi dari tag yang berada di tag pembuka dan penutup,termasuk tag itu sendiri (jika ada).Seperti contoh diatas, p adalah paragraf,elemen untuk membuat paragraf baru, b adalah bold,elemen untuk membuat text menjadi tebal, dan u merupakan underline,untuk memberi garis bawah pada text.
Selanjutnya adalah Atribut,
Atribut adalah informasi tambahan pada tag. Informasi ini bisa berupa perintah untuk memberi warna dari text, besar huruf dari text, dll.Atribut selalu digunakan pada awal tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.
Hasilnya akan menjadi seperti ini :<a href="http://blogitkuini.blogspot.com/">BlogITku</a>
Blogitku
Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman adalah value atau nilai atribut.
Cukup sampai disini saja postingan hari ini.Postingan ini ditulis oleh saya sendiri dengan berbagai referensi yang saya dapat dari google,e-book,pelajaran yang saya terima,serta masukan dari teman saya.Semoga yang saya bagikan bisa bermanfaat bagi orang lain.Nantikan postingan saya yang selanjutnya yang masih membahas mengenai HTML.
Sekian dan Terimakasih.Jika artikel ini bermanfaat silahkan share posting ini ke sosial media kamu.

5 komentar
Wah ternyata banyak y fungsinya
Iya gan ternyata gak semudah kelihatannya.
Terima kasih sudah berkunjung :)
Sangat bermanfaat
coba buat suatu struktur dong pake html
Contoh :
<html>
<head>
<title>Halo! Terimakasih Sudah Berkunjung ke CahProgrammer Blog</title>
</head>
<body>
<p>Halo Sobat CahProgrammer! Terima kasih sudah membaca artikel dan memberikan komentar. Semoga artikel ini dapat bermanfaat :) </p>
<p>Jangan lupa ikuti update artikel CahProgrammer Blog dengan mengisi email kamu pada kolom subsribe via email yang tersedia di sidebar atau footer</p>
</body>
</html>
Untuk lebih lengkapnya kamu bisa membaca artikel Struktur Dasar Dokumen HTML
Jika artikel ini bermanfaat silahkan berkomentar. Gunakan bahasa yang sopan dan berkomentarlah yang berkaitan dengan artikel
EmoticonEmoticon