belajar HTML(HyperText Markup Language )


 Gambar

okee.. saya tidak akan buang buang waktu lagi untuk menjelaskan materi ini dan mungkin tidak perlu berkenalan lagi. teman-temin, kawan kawin,bro and sistlah semua sudah taulah tentang saya, baiklah kalau gitu mari kita mulai. Let’s GO…!!

apakah itu HTML..?

HyperText Markup Language (HTML) adalah bahasa markup bahasa web utama untuk membuat halaman web dan informasi lainnya yang dapat ditampilkan di web browser.

Tujuan dari web browser adalah untuk membaca dokumen HTML dan menulis mereka ke terlihat atau terdengar halaman web. Browser tidak menampilkan tag HTML, tapi menggunakan tag untuk menafsirkan isi halaman. blaa…blaa..blaa..😀

Kayaknya kalo di jelaskan akan panjang untuk lebih lengkapnya bisa di cek di sene ..!!

http://en.wikipedia.org/wiki/HTML

nah… sekarang sudah taukan defenisi HTML itu apa?!

Biasanya pembuatan program halaman web HTML di buat dalam aplikasi pengolahan kata seperti M.word, Notepad ,wordpad dan yang lainnya.

Saya tidak akan membahas terrlalu banyak materi untuk HTML ini , karena setidaknya dengan membaca artikel dib log ini anda dapat memahami bukan memjadikan anda mahir menggunakannya karena saya juga masih belajar heheheh😀

 yang akan saya bahas antara lain :

1.membuat HTML sederhana.

<HTML>
<BODY>

HTML pertama saya.

</BODY>
</HTML>

NB:

  • penusisan HTML tidak berpengaruh huruf capital maupun huruf kecil. (HTML pertama saya) adalah kepala halaman/judul halaman terdapat pada bagian atas  halaman browser.

2.membuat artikel/tulisan pada HTML

<!–tugasirvan.htm–>

  <html><head>

  <title>konsep dasar kewirausahaaan menurut pakar bisnis</title></head>

  <body>

<center>

<h1>Konsep kewirausahaan</h1>

</center>

apa sih kewirausahaan itu? lalu,

 siapa itu wirausahawan? dari mana sih asal-usul kewirausahaan itu?

satu hal yang menarik untuk di cermatidan di uraikan dengan seksama.

kewirausahaan telah menjadi fenomena.berawwal dari sisi  mitos yang salah tentang wirausaha bahwa wirausaha yang berhasil adalahkarena bakat dan faktor keturunan ,

lalu berubah menjadi wirausahawan bisa di pelajari dan di buat strateginya,

karena telah menjadi ilmu pengetahuan dan keterampilan khusus

<P>sekarang kewirausahaan tidak hanya sebagi ilmu pengetahuan saja namun sudah menjadi motor dan lokomotif ekonomi suatu bangsa .

 peter drucker (1985),seorang begawan manajemen bisnis terkemukan ,

mengatakan kemajuan perekonomian suatu bangsa akan dimotori oleh kewirausahaan yang visioner dengan gaya kreativitas dan inovasi .

terbukti bahwa UKM (usaha kecil menegah)

adalah soko-guru perekonomian indonesia yang tahan terhadap krisis.

</body></html>

Hasilnya:

Gambar

Nb:

Pada bagian ini sudah menggumakan tag <center> untuk menentukan posisi letak judul diatas <h1>untuk ukuran huruf terbesar(sampai h7) dan <p> untuk membuat paragraph baru, sebenarnya masih banyak tag yang dapat di tambahkan web tergantung kebutuhan.

3.membuat link pada HTML

<html><head><title>coba lagi tugas berikutnya</title>

<style>

a:link {color:#000000;}

a:visited {color:#7ff00;}

a:hover {color:#ff0000;}

a:active {color:#9400D3;}

a:link {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:none;}

a:active {text-decoration:none;}

</style>

</head><body>

<body bgcolor=”800080″ text=”white”>

<font face=”verdana”/><center><u>

Selamat Datang di Portal Berita Online Terpercaya di Indonesia</u><h1>

<a href=”https://www.kompas.com/&#8221; target=”_blank”>Kompas News</a>|

<a href=”https://www.okezone.com/&#8221; self=”_blank”>Okezone News</a><br>

<a href=”https://www.detik.com/&#8221; target=”_blank”>Detik News</a>|

<a href=”https://viva.co.id/&#8221; target=”_blank”>Viva News</a><br>

<a href=”https://www.tempo.co/&#8221; target=”_self”>Tempo News</a>|

<a href=”https://metrotvnews.com/&#8221; target=”_blank”>Metro News</a><br>

<a href=”https://www.kapanlagi.com/&#8221; self=”_blank”>KapanLagi News</a>|

<a href=”https://www.antaranews.com/&#8221; target=”_blank”>Antara News</a><br></h1></center>

</body></html>

Maka hasilnya:

Gambar

Nb:pada bagian ini sudah lebih banyak tag baru antara lain <A href> untuk menyisipkan link yang akan di tuju setelah di klik. <font face>jenis font yang di gunakan<style>(atribut)<a:link> di gunakan untuk memberikan efek perubahan warna link saat belum di klik  ,< a:visited> warna link saat kusor berada pada link, <a:hover>efek warna setelah di klik dan <a:active> perubahan warna setelah link yang diklik active.

Nah.. sekarang kamu sudah mengetahui cara membuat halaman web melalui program HTML, sekarang sudah bisa mencobanya, ya.. walaupun kamu belum mahir membuat program HTML setidaknya kamu dapat mebuat dan menggerti .
 kalau ada pertannyaan seputar pembuatan halaman HTML buleh di post commentnya

Sebagai bahan tambahan kamu bias belajar lebih lanjut pada link di bawah ini, , selamat mencoba….!!!! 😀

http://www.w3schools.com/html/html_editors.asp

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s