Belajar Pemrograman HTML Pemula – Si Tulang Website

Pemrograman HTML Pemula

Website punya tulang? oh bukan, ini hanya sebuah ungkapan. Kenapa dikonotasikan tulang? karena HTML ini merupakan bahasa markup (penanda) yang digunakan untuk menyusun struktur sebuah website. Ya sama seperti tulang, hanya saja tulang itu menyusun struktur tubuh. Mari Belajar Pemrograman HTML Pemula – Si Tulang Website

Belajar Pemrograman HTML Pemula - Si Tulang Website

Hypertext Markup Language, disingkat HTML adalah bahasa markup (penanda) yang digunakan untuk membuat dan menyusun struktur sebuah website dengan kata lain untuk formatting dokumen HTML.

Untuk membuat dan menyusun struktur website, diperlukan software text editor, misalnya notepad atau notepad++. Adapula software yang menggunakan grafis dalam pembuatannya.

Read :  SOURCE CODE Membuat Tampilan Persegi C++

File yang berisi script/kode HTML memiliki ekstensi .html. File ini dapat dibuka dengan web browser atau text editor. Web browser akan menerjemahkan script/kode HTML menjadi sebuah tampilan website. Bila dibuka dengan text editor yang terlihat adalah script/kode HTML tersebut.

Contoh struktur website sederhana


<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Isi dari website.
</body>
</html>

Dalam HTML terdapat istilah tag, elemen dan atribut. Berikut penjelasannya.

Tag

Tag merupakan teks khusus (markup) berupa dua karakter “<” dan “>” yang digunakan untuk memasukkan suatu konten dan mendefinisikan elemen apakah yang digunakan. Tag dibagi dua, yaitu tag pembuka dan tag penutup.
<tagpembuka></tagpenutup>Tapi ada beberapa tag HTML yang tidak memiliki tag penutup, seperti tag <br> (untuk berpindah baris), <hr> (untuk membuat garis horizontal) dan <img> (untuk menyisipkan gambar).
Contoh tag
<title>Judul Halaman</title>
<title> merupakan tag pembuka.
</title> merupakan tag penutup.

Read :  PROGRAM PHP DAN JAVASCRIPT UNTUK WATERMARK GAMBAR STAMPEL

Elemen

Element merupakan sebaris kode HTML yang terdiri dari tag pembuka, isi/konten dan tag penutup.
<tagpembuka>isi/konten</tagpenutup>

Contoh elemen
<title>Judul Halaman</title>
<title> merupakan tag pembuka.
Judul Halaman merupakan isi/konten.
</title> merupakan tag penutup.

Atribut

Atribut mendefinisikan property dari suatu elemen HTML, terdiri atas nama dan nilai.
<namatag namaatribut=”nilaiatribut”>
Contoh atribut
<p align=”center”>
<p merupakan tag HTML yang digunakan untuk membuat paragraf.
align merupakan nama atribut.
center merupakan nilai dari atribut align.

Demikian penjelasan singkat HTML dan semoga manfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *