Skip to main content

HTML dan CSS - Pengertian HTML, Sejarah, dan Cara kerjanya


 

Apa itu HTML ?

Html merupakan singkatan dari HypeText Markup Language, jadi HTML merupakan bahasa pemprogaman standar yang digunakan untuk membuat sebuah halaman web. HTML terdiri dari kombinasi teks dan simbol yang disimpan dalam sebuag file. Dalam mebuat sebuah file HTML, terdapat standar/format khusus yang harus di ikuti. Format tersebut tertuang dalam standar kode internasional atau ASSCII (American Standard Code For Information Interchange).


Sejarah Tentang HTML

Tim Berners-Lee merupakan sosok ilmuwan dibalik lahirnya HTML. Di tahun 1991, ia awalnya menciptakan HTML sebagai solusi untuk memudahkan para ilmuwan dalam mengakses dokumen satu sama lain. Selang setahun kemudian, HTML mulai dapat digunakan untuk umum. Sejarah penggunaan HTML secara umum ini pun tak bisa lepas dari peran World Wide Web atau yang kita kenal dengan WWW. Keduanya saling bersinergi supaya informasi yang ingin disebarkan bisa diakses oleh banyak orang. 

Tak disangka, kini HTML telah berevolusi menjadi bahasa markup yang telah digunakan oleh lebih dari 92,3% persen website di dunia. Selama perjalanannya, HTML tentu mengalami perkembangan yang cukup pesat. Seperti apa evolusinya? Simak timeline perjalanan HTML berikut : 


Sampai saat ini HTML5 menjadi versi yang paling update dengan sistem yang paling canggih. Popularitas HTML versi terbaru ini pun sangat pesat. Bahkan, saat ini ada 87,4 persen website yang sudah menggunakan HTML5. 

Mengenal Tag HTML, Elemen, dan Atribut 

Setelah mengetahui tenytang apa itu HTML dan Sejarahnya. sekarang kita perlu tahu komponen - komponen pada HTML. Secara Umum HTML terdiri dari Tag, Elemen, dan Atribut.


1. TAG

Tag adalah tanda untuk awalan dan akhiran dalam perintah sebuah html yang akan dibaca oleh web browser. Tag sendiri di buat dengan menggunakan kurung siku <...>, dimana di dalamnya berisi nama dari sebuah tag.
Setiap tag memiliki fungsi perintah yang berbeda-beda. Mulai dari menebalkan huruf, membuat tulisan miring, dll. Selain itu, Tag ditulis secara berpasangan, yaitu tag pembuka dan tag penutup. pada tag penutup ditambahkan garis miring (/) di depan nama tag. tag di HTML sangat banyak sekali, hingga pada saat ini sudah ada lebih dari 250 tag. Tapi yang paling sering di gunakan adalah sperti berikut ini :



2. Element

Element adalaalah sebuah komponen HTML yang merupakan keseluruhan kode dari tag pembuka hingga tag penutup. Element terdiri dari teks dan simbol yang berupa tag pembuka, isi tag atau konten, dan tag penutup. Pada sebuah elemen juga bisa berisi elemen lainnya. Jadi elemen tersebut tak hanya berisi satu tag saja, tetapi banyak tag. Elemen itu disebut nested elements. Sebagai contoh, simak kode berikut : 

<html> <body> <h2>Judul Heading</h2> <p>Paragraf pertama artikel.</p> </body> </html>

Jika diperhatikan elemen HTML tersebut, dari tag pembuka <html> lalu tag <body> yang berisi elemen tag heading dan elemen tag paragraf. 

3. Atribut

Atribut adalah informasi atau perintah tambahan yang berada dalam elemen. Atribut ini berfungsi sebagai penjelas perintah tag pada elemen. 

Misalnya, <img src=”gambar.jpg” alt “Bunga Matahari.”>. 

Tag <img> memiliki atribut khusus yaitu (scr) dan (alt) yang artinya browser harus menampilkan gambar.jpg dengan alt text “Bunga Matahari”. Di contoh di atas, dapat diketahui juga kalau jumlah atribut dalam sebuah tag bisa lebih dari satu. Meski demikian, tidak semua atribut bisa digunakan dalam sebuah tag. Berikut ini jenis atribut khusus beberapa tag : 


Selain atribut khusus, ada beberapa atribut yang digunakan untuk menentukan aksi pada dilakukan jika terjadi sesuatu pada elemen. Misalnya , (onload) saat loading selesai, (onoffline) saat tiba-tiba offline, (onresize) ukuran jendela. Atribut tersebut disebut dengan atribut event. 

Atribut tersebut nantinya akan diimplementasikan dengan pemprogaman javascrip. Sehingga halaman website dapat melakukan aksi tertentu. 


Bagaimana Cara Kerja Kerja HTML?

Nah, sekarang bagaiman seh cara kerja dari file HTML sehingga dapat ditampilkan di browser. Sekarang mari simak penjelasannya.

Pertama, dokumen HTML Anda buat di aplikasi editor html dan menyimpannya dengan format .html atau .htm. Dokumen HTML yang dibuat bisa saja lebih dari satu. Sebab dalam sebuah website, biasanya terdiri dari banyak halaman. Misalnya aja, halaman utama, kontak, blog, dan lainnya. Nah, masing-masing dokumen, berisi komponen HTML yang akan menyusun bagian heading, paragraf, isi konten, dan lainnya. 

Ekstensi file ini dapat dibuka dengan menggunakan web browser seperti Google Chrome, Safari, atau Mozilla Firefox. Kemudian, untuk dapat diakses oleh banyak orang, Anda perlu mengonlinekannya terlebih dulu. Anda perlu menyewa layanan web hosting dan mengupload file website Anda di sana. Jika sudah, selanjutnya browser akan membaca  dan me-render file HTML menjadi tampilan halaman website. Sehingga ketika orang mengakses website, mereka dapat mudah membaca informasi yang ditampilkan.





Labels:
Location: Indonesia

Comments

Post a Comment

Artikel Populer

HTML dan CSS - Membuat Form Pendaftaran Sederhana

Nah, Pada kesempatan kali ini saya akan mencoba membuat sebuah form pendaftaran sederhana menggunakan html dan css. pada artikel-artikel sebelumnya kita sudah membahs mengenai pengertian, sejarah dll tentang html dan css. nah sekarang kita coba untuk mempraktekannya. Membuat Form Pendaftaran Sederhana Untuk membuat form nya, pertama-tama kalian buka terlebih dahulu aplikasi code editor kalian. aplikasinya bebas mau sublime text, vs code, dan masih banyak lagi yang lainnya yang penting bisa untuk membuat html dan css. nah untuk langkah langkahnya, kalian bisa ikuti seperti yang saya contohkan di bawah ini. Membuat file html Dibawah ini merupakan file html yang kita gunakan untuk membuat form, silahkan kalian bisa mengikutinya. <! DOCTYPE   html > < html   lang = "en" > < head >     < title >Form Pendaftaran</ title > </ head > < body >      < div   id = "login-box" >          < div   class = "left-box" >
6 comments
Read more »

Squential Search (Liniear Search) - Bahasa C

  Assallammualaikum wr.wb Pada kesempatan kali ini kita akan membuat sebuah program lagi menngunakan bahasa c yaitu tentang Squential Search. Apa seh itu squential search? Squential Search atau yang biasa kita sebut Liniear  Search adalah sebuah teknik pencarian data dari aray yang paling mudah, dimana data di dalam suatu aray di baca satu demi satu, diurutkan dari index terkecil sampai index yang paling besar. dll C ontoh Squential Search Diketahui sebuah array B dengan elemen {3, 45, 75, 8, 10, 2, 17, 50, 35, 45}. Buatlah program C untuk mencari data tertentu menggunakan metoda Sequential Search.  Program Bahasa C #include <stdio.h> main() {     int A[10]= {3,45,75,8,10,2,17,50,35,45};     int I,N;     printf("\t\t\t\t\t===================================== \n");     printf("\t\t\t\t\t         SQUENTIAL SEARCH \n");     printf("\t\t\t\t\t===================================== \n");     printf("\n");     printf("\t Masukan Angka yang i
Post a Comment
Read more »