tempat curahan hati anak tkj : Mei 2016

Kamis, 19 Mei 2016

Profil

Perkenalkan, nama saya SRI WAHYU NINGSIH

Tempat, tanggal lahir

Saya lahir 08 APRIL 1999. Sampai saat ini, saya merupakan anak ke-1 dari 2 bersaudara.

Riwayat pendidikan

Sekolah Dasar. Istilah kerennya saya langsung naik tingkat ke jenjang Sekolah Dasar di SD Negeri 101913 Pagar Merbau, sebuah sekolah dasar yang berada di desa saya. Entah , experience dan feel-nya lebih senang ketika semasa SD. Mungkin SD adalah sebuah masa dimana pergantian dari masa kanak-kanak ke masa yang agak ke-ABG-ABG-an gitu.

Sekolah menengah pertama. Seingat saya tidak ada yang spesial ketika masa SMP. Datang pagi dan pulang sore untuk belajar. Sehingga tidak terasa 3 tahun sudah berlalu di SMP Negeri 1 Pagar Merbau, sebuah sekolah menengah pertama yang letaknya persis berdampingan dengan perkebunan karet, dan saya lulus tahun 2014.

Sekolah menengah kejuruan. Ya, sekolah kejuruan. SMK Negeri 1 Galang merupakan salah satu sekolah idaman di Kota Galang saat ini. Tempat saya belajar banyak, terutama mengenai komputer dan internet. Saya ambil jurusan Multimedia, dan dari sinilah ketertarikan saya akan komputer dan internet muncul.

Membuat Website Sederhana

Membuat Website Sederhana

1. Membuat halaman login pada website, buka notepad++, kemudin ketikan atau copy saja code dibawah ini:

<html>

<head>

<title>login web</title><link rel='icon' href='gambar/B.png'>

</head>

<body>

Silahkan mengisi data yang ada di bawah untuk masuk ke website saya :)</font>

</p>

<br>

<label><font color="#FF6600">Email Atau telepon:</label>

<br>

<input type="text" name="Email" value=""></br><label><font color="#FF6600">Alamat:</label>

<br>

<label><font color="#FF6600">Tanggal Lahir </label>

<br>

</select>

<option value="1">Januari</option>

<option value="2">Februari</option>

<option value="3">Maret</option>

<option value="4">April</option>

<option value="8">Agustus</option>

<option value="9">September</option>

<option value="10">Oktober</option>

<option value="11">Nopember</option>

<option value="12">Desember</option>

</select>

</select></br>

<label><font color="#FF6600">Jenis Kelamin </label>

<br><font color="red">Pria

<font color="#CCFF00">Wanita</br>

</td>

</table>

<p align="center"> <font size="1" color="#FF6600" ><BLINK>..... Dalam penggisiannya harus jujur yaa, jangan bo'onk :) ......

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, background dapat anda ganti sendiri sesuai dengan kesukaan anda.

Hasilnya seperti pada gambar 9 berikut:

Gambar 9. Halaman login

Cara Membuat Efek Hujan Salju Pada Dokumen HTML

Langkah-langkah:

Cara Membuat Efek Hujan Salju Pada Dokumen HTML:

Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

Sekarang mari kita mulai untuk membuat Hujan Salju pada dokumen HTML seperti pada kotak di bawah ini.

Script Code:

<!DOCTYPE html>

<html>

<head>
<title> Cara Membuat Efek Hujan Salju Pada Dokumen HTML </title>

<script src='js/snowstorm.js' type='text/javascript'></script>

</head>

<body>
</body>
</html>

Ilustrasi Efek Hujan Salju:

Keterangan

Sisipkan kode '<script src='js/snowstorm.js' type='text/javascript'></script>' tepat di atas kode </head> seperti pada contoh di atas.
Ganti js/snowstorm.js sesuai dengan Url javascript efek hujan salju Anda. (Sudah disertakan di dalam file download di bawah).
Silahkan download contoh cara membuat Efek Hujan Salju dalam bentuk file HTML dengan cara klik Link 'Download Example Here' Di bawah ini.

Download Example Here

Cara Membuat FORM

Cara Membuat FORM

Form banyak digunakan untuk membuat buku tamu bagi pengunjung yang masuk ke suatu situs polling atau sejenisnya.

Tag-tag yang digunakan pada form :

Tag <FORM>, digunakan untuk mendefinisikan form dan diikuti oleh dia atribut, yaitu METHOD untuk pengolahan form dan ACTION untuk menentukan direktori file.
Tag <TEXTAREA>, digunakan untuk membuat kotak isian teks dan diikuti oleh atribut NAME untuk membuat nama objek pada teks area, ROWS untuk menetukan spasi jumlah baris teks area, dan COLS untuk menentukan spasi aturan kolom.
Tag <INPUT>, digunakan untuk meminta masukan dari pengguna, dengan beberapa jenis atribut, seperi NAME untuk masukan objek input, SIZE untuk ukuran kotak input, MAXLENGTH untuk menetukan jumlah teks maksimum, VALUE menentukan nilai tetap sebuah objek input, CHECKED untuk menentukan pilihan pada checkbox atau radio button, dan TYPE untuk menentukan tipe input.

Contoh dari kode FORM :

Cara Membuat Tabel

Cara Membuat Tabel

Untuk membuat tabel biasanya menggunakan beberapa tag berikut :
A. Tag <TABLE>, digunakan untuk mendefinisikan sebuah table.
B. Tag <TR>, digunakan untuk mendefinisikan baris tabel.
C. Tag <TD>, digunakan untuk mendefinisikan kolom tabel.
D. Tag <TH>, digunakan untuk mendefinisikan judul pada baris atau kolom.
Contoh seperti pada gambar di bawah :

Hasil :

Contoh mengatur width, height dan border gambar pada HTML dengan metode style :

 <img src="profil.jpg" alt="foto-profil" style="width:50px;height:50px;border:1px solid;">

Contoh script lengkap untuk menampilkan gambar pada website :

 <!DOCTYPE html>  
 <html>  
 <head>  
 <title>Belajar Menampilkan gambar pada HTML</title>  
 <body>  
 Ini contoh tampilan gambar dengan <b>atribut</b> width, height dan border<br/>  
 <img src="profil.jpg" alt="foto-profil" width="150" height="150" border="5px"><br/>  
 Ini contoh tampilan gambar dengan <b>style</b> width, height dan border<br/>  
 <img src="profil.jpg" alt="foto-profil" style="width:150px;height:150px;border:5px solid;"><br/>  
 </body>  
 </html>

Tampilan script diatas pada browser :

Langkah: Membuat Elemen article HTML

Elemen <article> bertindak sebagai wadah untuk setiap bagian dari halaman yang dapat berdiri sendiri dan berpotensi Sindikasi.
Bisa berupa artikel atau tulisan blog, komentar atau posting forum, atau lainnya. Jika halaman terdiri dari beberapa artikel, maka kita akan meletakkan masing-masing artikel dalam elemen <article>. Berikut skripnya, dan kita bungkus skrip ini dengan elemen <section>.

<figcaption>Soto Indonesia</figcaption>

</figure>

<h3>Makanan Berkuah</h3>

</hgroup>

<p>Soto ayam adalah makanan khas Indonesia yang berupa

sejenis sup ayam dengan kuah yang berwarna kekuningan.</p>

</article>

<figcaption>Pecel Indonesia</figcaption>

</figure>

<h2>Masakan Pecel</h2>

<h3>Makanan dengan Bumbu Kacang</h3>

</hgroup>

<p>Pecel adalah makanan yang menggunakan bumbu sambal

kacang sebagai bahan utamanya yang dicampur dengan aneka jenis sayuran.</p>

</article>

</section>

Cara Membuat Link Agar Bisa Di Klik :

Cara Membuat Link Agar Bisa Di Klik :

Gunakan kode berikut.

<a href="URL Tujuan">Nama Link yang akan muncul</a>

Contohnya:
<a href="http://curahan hati anak tkj.blogspot.com/2016/05/cara-membuat-tulisan-atau-link-agar.html">Farih Ihsan | Cara Membuat Link</a>

Hasilnya akan menjadi seperti ini >>Cara Membuat Link

----------------------------------------------------------

Contoh Penggunaan TAG Heading

Berikut contoh penggunaan Heading dalam kode HTML:

<!DOCTYPE HTML>
<html>
 <head>
  <title>TAG Heading HTML</title>
 </head>
 <body>
  <h1>Heading H1</h1>
  <h2>Heading H2</h2>
  <h3>Heading H3</h3>
  <h4>Heading H4</h4>
  <h5>Heading H5</h5>
  <h6>Heading H6</h6>
 </body>
</html>

Berikut penampakannya jika dijalankan melalui browser:

Cara Membuat Web sederhana menggunakan HTML

Cara Membuat Web sederhana menggunakan HTML

1. Buka notepad terus buat contoh coding seperti ini

2. Terus save dalam bentuk html jadi kayak gini

Jangan lupa untuk mengganti nama menjadi .html dan type menjadi all file

3.
Buka dimana data disimpan, lalu klik 2 kali, atau klik kanan lalu klik open with mozilla/internet explorer, dll

4. Inilah hasil website sederhana menggunakan html

5. Jika ingin membuat website seperti ini

Silahkan lebih mempelajari lebih dalam mengenai html, php, css, database, MySQL, phpMyAdmin,dll.

Sekian. Terima kasih.

mengenai html, php, css, database, MySQL, phpMyAdmin,dll.

Sekian. Terima kasih.

Membuat Web sederhana menggunakan HTML

Written by Indah. Posted in Pemrograman

Mau buat website? Tapi gak tau gimana cara memulai? Yuuuk belajar, dengan membuat website sederhana dengan menggunakan HTML. HTML itu apa sih? . “HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.” (Wikipedia, 2013).

Naah, gimana cara membuatnya?. Menggunakan aplikasi yang rumit kah?. Gak tentunya! Cukup pakai notepad yang sudah terinstall di komputer masing-masing. Caranya gimana?.

Buka notepad terus buat contoh coding seperti ini

2. Terus save dalam bentuk html jadi kayak gini

Jangan lupa untuk mengganti nama menjadi .html dan type menjadi all file

3.
Buka dimana data disimpan, lalu klik 2 kali, atau klik kanan lalu klik open with mozilla/internet explorer, dll

4. Inilah hasil website sederhana menggunakan html

5. Jika ingin membuat website seperti ini

Silahkan lebih mempelajari lebih dalam mengenai html, php, css, database, MySQL, phpMyAdmin,dll.

Sekian. Terima kasih.

Cara Membuat Web Sederhana Menggunakan HTML

1. Buka Aplikasi yang anda Gunakan, Disini Saya Menggunakan Notepad, dan anda juga bisa membuat HTMl menggunakn aplikasi Seperti Adobe Dreamweaver yang lebih lengkap.

2. Masukan Kode HTML dibawah Ini kedalam Notepad

<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<body bgcolor="red">
<h1>Saya Sedang Belajar HTML</h1>

<center>
<font size="13" color="black" face="arial">
<p>Membuat HTML Itu Mudah Lo</p>
<b>HTML adalah Hyper Text Markup Leanguage</b>
<i>Dan Fungsi HTML itu adalah Untuk menginput Text, Gambar, Audio, Video</i>
<u>Itu semua mudah jika anda serius mempelajarinya :)</u>
</font>
<br>
<marquee>
<img src="gambar.jpg atau memasukan URL gambar"> //* Satukan File HTML dengan gambar yg anda masukan agar dapat dibaca
</marquee>
</center>
</body>
</html>

3. Simpan dan beri nama sesuka anda tapi di akhirnya diberi .html agar file dibaca sebagai file HTML dan Type : All Files
ohh ya jika anda ingin menambahkan gambar kedalam html tanpa menggunakan URL, caranya gabungkan file Gambar yang anda ingin masukan dan file HTML dalam 1 Folder.

4. Nah Sekarang kita coba test bagaimna hasilnya dengan cara Klik Kanan di file HTML yang tadi anda buat dan pilih Open With dan pilih Browser yang anda gunakan, misalnya Google Chrome dan disini saya Menggunakan Baidu Spark Browser

5. Nah seperti ini hasilnya :) dan anda bisa mengedit sesuai keinginan anda :)

Sekian Cara Membuat Web Sederhana Menggunakan HTML dari saya

langkah langkah membuat biodata dari <html>

langkah pertama yang harus kita lakukan adalah
1. kita klik start lalu pilih noteped, seperti gambar dibawah ini...

2. lalu kita buat seperti contoh dibawah ini...

3.kita simpan atau save dengan menggunakan html

4. dan inilah hasilnya....

Trimakasi :)

langkah-langkah membuat tulisan berwarna

langkah-langkah membuat tulisan berwarna

langkah pertama yang harus kita lakukan adalah......
1. buka start kemudian klik noteped
2. kemudian ketik seperti contoh dibawah ini...

3. langkah ketiga yag harus kita lakukan adalah. kita simpan atau kita save. dengan menggunakan html seperti pada gambar dibawah ini

4. kemidian hasilnya akan seperti dibawah ini.

Dan inilah hasilnya :)
terimakasih.....

sub menu

Kamis, 19 Mei 2016

Tempat, tanggal lahir

Riwayat pendidikan

Contoh mengatur width, height dan border gambar pada HTML dengan metode style :

Contoh script lengkap untuk menampilkan gambar pada website :

Tampilan script diatas pada browser :

Langkah: Membuat Elemen article HTML

Contoh Penggunaan TAG Heading

Cara Membuat Web Sederhana Menggunakan HTML