Pengenalan Dan Dasar HTML

HTML atau HyperText Markup Languange adalah bahasa pemograman dalam menyusun website disingkat menjadi web. Menyusun web menggunakan script HTML adalah cara manual dalam menyusun web. Masih banyak script yang lain selain HTML yang cara kerjanya sama dengan HTML yaitu :
- CSS
- XML
- PHP
- Javascript
- ColdFusion
- dan lain-lain.


HTML berekstensi (.html) saat ini banyak website yang menggunakan script HTML. Untuk mempelajari cara membuat website, anda harus bisa membuat dan juga mensetting beberapa kode penyusun web termasuk HTML. Untuk membuat dan mensetting HTML anda bisa memakai software Adobe Dreamweaver, atau beberapa software yang khusus untuk editor halaman web. HTML mempunyai struktur dasar seperti berikut :

1.Tag
Tag dalam HTML adalah penyusun dari file HTML dalam bentuk "<" dan ">"  seperti <head> ditulis secara berpasangan dan umumnya ditulis secara rapat. Tag juga terdiri dari tag pembuka dan tag penutup, tag penutup ditambahkan dengan "/" sesudah "<". Seperti :

Tag pembuka
<head>

Tag penutup
</head>

2. Element
Element adalah penyusun dari Tag, Element terdiri dari 3 bagian :
- Tag Pembuka
- Isi
- Tag Penutup

contohnya adalah :



<title> = ini adalah tag pembuka
Contoh Isi = teks ini adalah isi
</title> = ini adalah tag pent-up

Dalam HTML ada 4 Element utama yaitu :

A. Element HTML
Element  HTML berguna untuk memberitahu pada Browser bahwa ini adalah file HTML.
Contoh :

<html>
------------
</html>

B. Element Head
Element Head adalah kepala dari file HTML. Tag <head> terletak sesudah tag <html>, dan tag penutup </head> terletak sebelum tag <body>. Contoh :



C. Element Title
Element Title adalah judul dari halaman web. Tag <title> dan tag </title> terletak sesudah tag <head>. Contoh :



Jika telah membuat kode diatas maka hasilnya akan seperti ini :








Judul halaman web adalah Web Test, dari element title anda sudah bisa membuat judul halaman web.

D. Element Body
Element Body adalah isi dari file HTML. Tag <body> terletak sesudah tag </head> dan tag </body> terletak sebelum tag </html>. Contoh :



Jika telah membuat kode diatas maka hasilnya akan seperti ini :











Tampak di halaman web terdapat teks Under Construction itu merupakan bagian dari Element Body yang didefenisikan sebagai isi dari file HTML.

3. Attribute
Attribute adalah penyusun dari element HTML, attribute terdiri dari nama dan nilai. Umumnya nilai memiliki tanda petik dua, attribute tidak memiliki tag penutup. Contoh :



Teks yang bewarna kuning adalah perintah dalam halaman web, dan teks yang bewarna hijau adalah nilai dari perintah halaman web. Contoh :










 
Terlihat jelas dalam gambar dan teks Under Construction tersebut. Fontnya adalah Tahoma, warna fontnya hitam, dan ukuran font dalam web adalah 3. Sangat sesuai dengan perintah dalam kode Attribute tadi. Itulah beberapa dasar-dasar HTML, tunggu tutorial dasar selanjutnya di Design Coworking.

No comments:

Post a Comment

Komentar Anda Semangat Kami Untuk Kedepannya.