Portofolio

Sunday, 14 September 2014

[Tugas 8]: Cara Membuat Kop/Header dalam Web HTML

Selamat sore guys!!! Ketemu lagi dengan gue Iqi, dan gue sekarang akan membahas cara membuat Kop/Header dalam HTML

Header dalam surat adalah kepala/bagian atas surat yang biasanya menerangkan lembaga yang mencetak/menulis surat tersebut, nah kali ini kita akan membuatnya dengan cara sederhana

Berikut adalah contoh script yang menggunakan header :

<html>
<head>
<title>membuat garis</title>
<body>
<left>Nama : Rayhan Shidqi 
Kelas : X TKJ A 
Tugas : tugas8.html</left>
<hr><width="100" height="75"></hr>
<h1><center>SMK NEGERI 1 KOTA BEKASI</center></h1>
<center>TEKNIK KOMPUTER DAN JARINGAN</center> 
<center>Jl. Bintara 8 no. 2 Bekasi Barat - 17134</center> 
<hr><width="100" height="75"></hr>
</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)

okay guys, sekian dari gue, selamat mencoba dan goodluck!!!

[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 
Tag ini menandakan akan paragraf baru. Jadi setiap kali kalian ingin menambahkan paragraf baru, cukup tambahkan tag pada awal kalimat paragraf, dan 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">

<center>MUNICH BOUGHT OUT BENATIA</center>

<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>

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

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.

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.

Benatia akan datang ke Munich dalam beberapa hari mendatang untuk menghadiri pemeriksaan kesehatan serta menandatangani kontrak lima tahun.

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.

Kepastian transfer Benatia ke Bayern sekaligus membuat beberapa klub peminat lain seperti Manchester United, Chelsea, dan Arsenal harus gigit jari. (irawan)

</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!!!

[Tugas 6]: Aplikasi Penggunaan Tag Font Size & Color

Hello, guys! Bertemu lagi bersama gue, Iqi... Dan sekarang, setelah lo belajar cara menentukan font size/type/color , kita akan satukan semuanya dalam sebuah tag yang baru.

Bukan tag yang lebih baru juga sih sebenarnya, tag ini menyatukan beberapa perintah tentang settingan font yang kita inginkan seperti font size, font color, dan type font...

Oke guys, langsung aja, berikut contoh script yang mengaplikasikan penggabungan beberapa tag tersebut. Dan jangan lupa ya guys, seperti biasa, tag ini juga menggunakan tag penutupnya yaitu 

<html>
<head><title>Mengatur Font Size & Color</title></head>
<body>
Font size dengan ukuran 1 berwarna merah 
Font size dengan ukuran 2 berwarna hijau 
Font size dengan ukuran 3 berwarna biru 
Font size dengan ukuran 4 berwarna kuning 
Font size dengan ukuran 5 berwarna coklat 
Font size dengan ukuran 6 berwarna oranye 
Font size dengan ukuran 7 berwarna pink
</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)

Okay guys, sekian dulu dari gue, selamat mencoba dan good luck!!!

Saturday, 13 September 2014

[Tugas 5]: Cara Sederhana Mengatur Jenis Font pada Web HTML

Hello, guys! Kembali lagi bersama gue Iqi, semoga sehat semua yang sedang membaca post ini :)

Ga jauh dengan 2 posting terdahulu, kali ini gue akan share cara mengatur type font/jenis tulisan yang kalian ingin gunakan ketika membuat web HTML,hal yang perlu diperhatikan adalah tidak semua font dapat digunakan, jadi tergantung font apa aja yg udah diinstall di desktop/laptop lo semua

Dan kode utama yang akan digunakan pada pengaturan font adalah (dan X adalah nama/jenis font yang akan lo gunakan), yap si font face ini memiliki tag penutup yakni 

Dalam contoh script HTML di bawah, gue akan gunakan beberapa font bawaan dari Windows, jadi memiliki kemungkinan font di bawah ini tidak berfungsi di OS lainnya. Oke, langsung saja :

<html>
<head><title>Mengatur Jenis Font</title></head>
<body>
Font dengan type font Times New Roman 
Font dengan type Courier New 
Font dengan type Arial 
Font dengan type Verdana 
Font dengan type Century Gothic
</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 script di atas :

(klik gambar untuk memperbesar)

Oke guys, sekian dulu postingannya, selamat mencoba dan goodluck !!!