Sunday, 14 September 2014

[Tugas 7]: Cara Membuat Artikel Sederhana pada Web HTML

Okay guys, selamat lo udah mempelajari 6 tag dasar yang digunakan dalam HTML, dan sekarang saatnya menggabungkan keseluruhan tag yang telah lo pelajari dalam wadah yaitu sebuah artikel. Tentunya dalam pembuatan artikel kita berusaha menampilkannya dalam bentuk sekreatif mungkin supaya menarik minat pembaca

Ada beberapa tag baru yang gue ingin kenal kan pada post kali ini, yang pertama adalah <body background="x"> ,

Nah fungsi tag ini adalah memberikan gambar/picture yang kalian inginkan di web HTML kalian, dan huruf 'x' itu mewakili URL gambar yang telah kalian upload

Selanjutnya adalah <img src="x">
yang berfungsi menampilkan gambar dalam artikel web HTML kalian, dan huruf 'x' mewakilkan URL gambar yang telah diupload

Kedua tag di atas tidak memerlukan tak penutup, dan yang terakhir ini tetap memerlukannya

Yaitu tag <p>
Tag ini menandakan akan paragraf baru. Jadi setiap kali kalian ingin menambahkan paragraf baru, cukup tambahkan tag <p> pada awal kalimat paragraf, dan </p> pada akhirannya

Oke, langsung saja guys, ini contoh script artikel web HTML sederhana :

<html>
<head><title>MEHDI BENATIA</title></head>
<body><body background="http://www.pic2014.com/wp-content/uploads/Bayern-Munich-logo-2014.jpg">

<p><center><b><font size="7"><font color="red">M<font color="green">U<font color="brown">N<font color="gold">I<font color="pink">C<font color="blue">H <font color="grey">B<font color="orange">O<font color="aqua">U<font color="purple">G<font color="yellow">H<font color="silver">T <font color="green">O<font color="pink">U<font color="purple">T <font color="aqua">B<font color="silver">E<font color="green">N<font color="red">A<font color="grey">T<font color="orange">I<font color="brown">A</font></center></p>

<p><center><img src="http://duniasoccer.com/var/gramedia/storage/images/duniasoccer/internasional/liga-dunia/news/bayern-resmi-beli-mehdi-benatia/19880056-3-ind-ID/Bayern-Resmi-Beli-Mehdi-Benatia_soccer_750.jpg"/></center></p>

<p><font size="5"><font color="pink"><font face="calibri">Spekulasi transfer bek AS Roma, Mehdi Benatia, tuntas sudah. Bayern Munchen resmi membeli Benatia  dari Roma. Namun Pep Guardiola dan Karl-Hein Rumminigge belum mau berkomentar tentang transfer Benatia ini. Kabar terakhir tawaran Bayern bisa mencapai 30 juta euro, ini artinya tawaran yang diajukan oleh Bayern lebih besar 5 juta euro dari harga yang dibuka AS</font></p>

<p><font color="gold"><font face="georgia">Kesepakatan terjalin pada Selasa (26/8). Bayern mengikat Benatia  dengan kontrak berdurasi lima tahun.Surat kabar Corriere della Sera melaporkan bahwa perundingan akan berlangsung cukup cepat. Benatia juga dikabarkan sudah mengucapkan selamat tinggal kepada rekan-rekannya di AS Roma akhir pekan ini.</p>

<p><font color="pink"><font face="blackletter">Pada Selasa sore (26/8) pemegang rekor juara di Jerman mencapai kesepakatan dengan AS Roma untuk bek internasional Maroko Mehdi Benatia. Tentang biaya transfer yang disepakati kedua klub sepakat untuk diam,' bunyi pernyataan kubu Bayern.</p>

<p><font color="grey"><font face="times new roman">Benatia akan datang ke Munich dalam beberapa hari mendatang untuk menghadiri pemeriksaan kesehatan serta menandatangani kontrak lima tahun.</p>

<p><font color="blue"><font face="agency fb">Kehadiran Benatia sekaligus diproyeksikan sebagai pengganti Javi Martinez yang cedera. Ditambah lagi, Bayern membutuhkan bek tambahan karena pelatih Josep Guardiola semakin sering menggunakan skema tiga bek.</p>

<p><font color="red"><font face="courier new">Kepastian transfer Benatia ke Bayern  sekaligus membuat beberapa klub peminat lain seperti Manchester United, Chelsea, dan Arsenal harus gigit jari. (irawan)</p></b>

</body>
</html>

seperti biasa ya guys: copy script di atas ke notepad/text editor kalian, setelah itu save dengan “NAMAFILE.html” (tanpa menggunakan tandai kutip), jangan lupa tambahkan “.html” setelah menentukan nama file yang kalian inginkan ya guys!
lalu pilih ‘save as type’ menjadi ‘all files’
dan berikut hasil jadi dari script di atas :


(klik gambar untuk memperbesar)







Oke guys, sekalian dari gue materinya, semoga lo udah bisa membuat artikel sendiri dalam bentuk web HTML, selamat mencoba, dan goodluck guys!!!