Contoh HTML Sederhana Menggunakan Notepad Khusus Pemula

Design web merupakan mata kuliah yang penting bagi mahasiswa Teknologi Informatika. Apalagi design web ini erat kaitannya dengan kode-kode dan tentunya hal ini tidak terlepas dari yang namanya praktikum, betul? Dalam hal ini belajar teori saja tentu tidak cukup karena bukan hanya bercerita presentasi melainkan di butuhkan ilmu yang mampu membangun sebuah website dengan tangan sendiri tanpa membayar orang lain, baik dalam membuat tugas atau pun tertarik untuk memiliki bisnis website. Maka dari itu membutuhkan skill dan banyak mencari tahu seputar design web dan masih banyak lagi manfaat HTML sehingga adanya sedikit perbedaan antara HTML5 dan HTML4.

Baiklah, disini saya akan memberikan langkah awal/dasar dalam membuat contoh html sederhana menggunakan Notepad, dimana saya akan memulai bagaimana cara membuat “biodata pribadi”. Jadi, simak saja baik-baik , jangan sampai ketinggal satu kata pun ya hehe..

Contoh HTML Sederhana Menggunakan Notepad Khusus Pemula

1. Langkah pertama, anda buka notepad++, jika belum terinstall, maka ada baiknya untuk install dulu DISINI.

2. Pastikan sudah terinstall, kemudian bersiaplah dengan langkah awal, yaitu ketikkan :

<HTML>
<HEAD> <TITLE> BIODATA </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Keterangan :

<HTML> = berfungsi untuk membuka halaman pertama dari website
</HTML> = sebagai penutup dari html yang telah di buka pada awal baris.
<HEAD> = sebagai kepala
</HEAD> = sebagai penutup.
<TITLE> = berfungsi sebagai judul “terserah anda mau membuat judul apa, disini saya membuat Biodata”.
</TITLE> = Sebagai penutup dari judul
<BODY> = berfungsi sebagai isi dari sebuah website, disini lah anda dapat berkarya nak mau buat apa terserah anda.
</BODY> = sebagai penutup pada bagian isi.Setelah anda memahami hal yang paling dasar dari kode html, sekarang anda bisa langsung copy script di bawah ini untuk membuktikan dapat di eksekusi atau tidak.

3. Setelah anda memahami hal yang paling dasar dari kode html, sekarang anda bisa langsung copy script di bawah ini untuk membuktikan dapat di eksekusi atau tidak.

<html>
<head>
<title> Biografi Gue </title>
</head>
<body>
<body bgcolor = "yellow">
 
 Name : Cut Hayatul Wardani 
 
 Address : Bireuen, Geulanggang Gampong 
 
 Date of Birth : Bireuen, 25 September 1996 
 
 City early : Lhokseumawe 
 
 Education : College student of Almuslim University 
 
 Hobbies : I love reading article of internet , cooking , and watching on movie 
 
 My Dreams : Blogger and manager IT 
 
</body>
</html>

Untuk menjalankannya Anda hanya perlu pergi ke tab RUN dan klik Launch in firefox atau chroome. Dimana yang anda suka.

Hasil Screenshot :

Nah, bagaimana? Bisa tidak ketika di jalankan? Harapan saya anda selamat dan berhasil, karena ini merupakan hal yang paling dasar dari html. Jika berhasil waktunya anda mengganti semuanya sesuai dengan keinginan anda. Sekian dan terima kasih :)

Contoh HTML Sederhana Menggunakan Notepad Khusus Pemula

3 Responses to "Contoh HTML Sederhana Menggunakan Notepad Khusus Pemula"