Contoh HTML Sederhana Menggunakan Notepad

 

Contoh HTML Sederhana Menggunakan Notepad Khusus Pemula
                          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”.

 

 

Contoh HTML

 

<html>

<head>

<title> Contoh HTML </title>

<head>

<body>

<body bgcolor=#808080>

<h1><center> Biodata Saya </center></h1>

<hr width=100% align=center size=5% color=”grey”>

<h2>Biodata :</h2>
<center><img src=”saya.jpg” /></center>

<p>1. Nama : Riki Mahendra
<br>2. TTL : Sawang, 24 November 1997
<br>3. Alamat : Sawang
<br>4. Agama : Islam
<br>5. Gol Darah : B
<br>6. Hobi : Musik, Melukis, Nonton, Desain
<br>7. Pekerjaan : Mahasiswa
<br>8. Tempat Kerja : POLITEKNIK ACEH SELATAN
</p>

<h3><center> Sekian Dan Terima Kasih</center></h3>

</body>

</html>

 

 

(screenshot)

Untitledb

(hasilnya)

Untitled

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 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s