Tugas TIK: Tutorial HTML

Selasa, 27 September 2016

Tutorial HTML

HTML

Jika anda tertarik untuk belajar membuat website atau ingin menjadi web programmer, maka HTML adalah hal pertama yang harus anda pelajari. Karena, melalui HTML inilah nantinya tampilan web bisa tercipta. Selain itu, pengetahuan tentang HTML ini sangat diperlukan jika anda ingin mempelajari bahasa web lainnya seperti css, php, jquery, dll atau jika anda ingin melakukan pengeditan pada suatu template/tampilan web/blog.

Struktur dasar sebuah dokumen HTML

HTML itu sebenarnya sangat mudah yang penting anda serius dan dengan senang hati mempelajarinya, mengikuti langkah demi langkah secara bertahap, langsung praktek dan terus latihan, dan jangan lupa berdo'a. Insya Allah sehari dua hari sudah bisa menguasai dasar-dasarnya.

Mengenal HTML

HTML adalah singkatan dari HyperText Markup Language
HTML bukanlah sebuah bahasa pemrograman
Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
Tag markup memberitahukan web browser bagaimana harus menampilkan sebuah halaman
File HTML memiliki ekstensi .htm atau .html
Software-software yang bisa digunakan untuk membuat sebuah file HTML isalnya Notepad, Notepad ++, Adobe Dreamweaver, dll.

Praktek Membuat Halaman Web Sederhana dengan HTML

Buka Notepad, caranya klik start > All Programs > Accessories > Notepad.
Copy code dibawah ini, kemudian paste di Notepad

<html>
<head>
<title>Ini Judul Websiteku</title>
</head>
<body>
Ini adalah isi halaman webku
</body>
</html>

Simpan dengan cara klik file > Save AS dan tentukan lokasi penyimpananya. Pada Filename ketikan web pertamaku.html dan pada Save As Type pilih All Files.

Setelah tersimpan double klik pada file web pertamaku.html sehingga otomatis web browser akan terbuka dan akan tampil seperti ini :

Mengenal Elemen HTML

Ketika anda membuka sebuah halaman web anda akan melihat beberapa bagian seperti judul, sebuah paragraf, banner-banner, link-link, menu2, dll. itulah elemen-elemen dari sebuah dokumen HTML.

Sebuah elemen terdiri dari tiga buah bagian penting :

Tag Pembuka, ditandai dengan kurung sudut <>, contoh <body>
Isi/Konten, bisa berupa teks biasa atau tag lain
Tag Penutup, ditandai dengan kurung sudut dengan garis miring </>. contoh </body>

Formatnya :

<nama tag>teks atau isi yang ditampilkan</nama tag>

Contoh :

<p>isi paragraf</p>

Sebuah elemen HTML bisa saja berisi satu atau lebih elemen-elemen lain misalnya seperti ini :

<body><p>isi paragraf</p></body>