Belajar Dasar HTML Terlengkap

Posted by Pendidikanmu. com , 4 Comments in Pemrograman Web, S1 Pratikum on February 11, 2015

{[['

']]}

Belajar Dasar HTML Terlengkap - HTML adalah singkatan dari Hypertext Markup Language merupakan script untuk menyusun dokumen-dokumen web. Dokumen HTML disimpan dalam format text regular dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan. HTML merupakan standard bahasa yang digunakan untuk menampilkan dokumen web, yang bisa kamu lakukan dengan HTML yaitu:

Mengontrol tampilan dari web page di contetnya.
Mempublikasikan dokumen secara online sehingga bisa di akses dari seluruh dunia.
Membuat online form yang bisa digunakan untuk menangani pendaftaran, transaksi secara online.
Menambahkan objek-objek seperti image, audio, video da juga java aoolet dalam dokumen HTML.

Struktur Dasar Dokumen HTML

Struktur dasar dokumen HTML adalah seabagai berikut:

<html>
<head>
<title>Belajar Dasar HTML</title>
</head>
<body>
Selamat Belajar Dasar HTML
</body>
</html>

Dari struktur dasar HTML diatas sebagai berikut:

Tag

Tag merupakan teks khusus (markup) berupa dua karakter "< dan >", sebagai contoh <html> adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (tambahan karakter "/" setelah karakter "<"), sebagai contoh <html> ini adalah tag pembuka isi dokumen HTML, sedangkan </html> ini adalah tag penutup dokumen html.

Element

Element terdiri dari atas tiga bagian, yaitu tag pembuka, isi dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, seperti "<tittle>" ini merupakan tag pembuka judul dokumen HTML "Belajar Dasar HTML" ini merupakan isi judul dokumen HTML "</title> ini merupakan tag penutup judul dokumen HTML tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. Contoh penulisan tag-tag yang bener sebagai berikut:

<p>
<b>
. . . . . . . .
</b>
<p>

Attribute

Attribute merupakan property dari suatu element HTML, yang terdiri dari nama dan nilai.
Penulisannya yaitu sebagai berikut:

<tag>
Nama-attr="Nilai-Attr"
Nama-attr="Nilai-Attr"
. . . . . . . . . .
. . . . . . . . . .
</tag>

Secara umum nilai attribute harus berada dalam tanda titik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi merah dan latar belakang halaman web menjadi biru, penulisannya sebagai berikut: <body bgcolor="blue" text="red">.

Element HTML

Menyatakan pada browser bahwa dokumen web yang digunakan adalah HTML. Coding:

<html>
. . . . . . . . . .
</html>

Elemen Head

Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak diantara tag <html> dan </html>. Coding:

<head>
. . . . . . . . . .
</head>

Element Title
Merupakan judul dari dokumen HTML yang ditampilakan pada judul jendela browser. Tag <tittle> dan tag </title> terletak diantara tag <head> dan tag </head>. Coding:

<title>
. . . . . . . . . .
</title>

Element Body

Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak dibawah tag <head> dan tag </head>. Element Body mempunyai attribut-attribut yang menspesifikasikan khususnya warna dan latar belakang dokumn yang akan ditampilkan pada browser: Coding: