Selasa, 28 Februari 2017

Contoh Html dari Komponen Select



<html>
<head>
<title>Form</title>
</head>
<body>
Pilih Jurusanmu:
<form>
<select name="name">
 <option value="informatika"> informatika </option>
 <option value="matematika"> matematika </option>
 <option value="kimia"> kimia </option>
 <option value="biologi"> biologi </option>
 <option value="fisika"> fisika </option>
</select>
</form>
</body>
</html>

Contoh Html dari Pembuatan form dengan elemen entri pilihan dan elemen fieldset



<html>
<head>
<title>Pengaturan pada form</title>
</head>
<body>
<form>
<form action="test html">
<fieldset>
<lengend>Tentang Anda</legend>
<table>
<tr>
<td with="50">
<label for="first">NamaLengkap</tabel>
</td>
<td><input type="text" name="namalengkap" id="first" size="20" maxlength="50"/><br/>
</td>
</tr>
<tr><td><label for="second">Ttl<//label>
</td>
<td><input type="text" name="Ttl" id="last" size="20" maxlength="50"/><br/>
</td>
</tr>
<tr><td><label for="third">alamat<//label>
</td>
<td><input type="text" name="alamat" id="last" size="20" maxlength="50"/><br/>
</td>
</tr>
<tr><td><label for="four">Cita2<//label>
</td>
<td><input type="text" name="Cita2" id="last" size="20" maxlength="50"/><br/>
</td>
</tr>
<tr><td><label for="last">Sekolah<//label>
</td>
<td><input type="text" name="Sekolah" id="last" size="20" maxlength="50"/><br/>
</td>
</tr>
<tr><td><label for="desc">Pesan dan kesan<//label>
<td><textarea rows="5" Cols="20" id="desc">Tuliskan pesan anda disini</textarea><br/>
</td>
</tr>
</table>
<fieldset class="hobby">
 <lengend>Hobby anda?</legend>
  <input type="radio" id="berkebun" value="berkebun" name="hobby/><label for="berkebun">berkebun</label><br/>
         <input type="radio" id="memasak" value="memasak" name="hobby/><label for="memasak">memasak</label><br/>
         <input type="radio" id="renang" value="renang" name="hobby/><label for="renang">renang</label><br/>
         <input type="radio" id="main musik" value="main musik" name="hobby/><label for="main musik">main musik</label><br/>
         <input type="radio" id="bernyanyi" value="bernyanyi" name="hobby/><label for="bernyanyi">bernyanyi</label><br/>
</fieldset>
<input type="Submit" value="Submit" id="Submit"/>
</fieldset>
</form>
</boy>
</html>

Contoh Html dari Readonly

<!DOCTYPE html>
<html>
<head>
<title>cek form</title>
</head>
<body>
<TEXTAREA NAME="untukdibaca" COLS=40 ROWS=6 READONLY>
Tulisan ini tidak dapat diubah tapi bisa disalin.
</TEXTAREA>
</body>
</html>

Contoh Html dari Cols

<!DOCTYPE html>
<html>
<head>
<title>cek form </title>
</head>
<body>
<p> Silahkan diisi pada teks area yang tersedia</p>
<TEXTAREA NAME="rendah" COLS=30 ROWS=5></TEXTAREA>
<TEXTAREA NAME="sEDANG" cols=30 ROWS=10></TEXTAREA>
<TEXTAREA NAME="tinggi" COLS=30 ROWS=20></TEXTAREA>
</body>
</html>

Contoh Html Marquee Dan Disabled

 MARQUEE

<marquee direction="right" scrollamount="2" align="center">Tugas Pemrograman Web</marquee>

 DISABLED

<!DOCTYPE html>
<html>
<head>
<title>Saya</title>
</head>
<body>
<TEXTAREA NAME="terlarang" COLS=40 ROWS=6 DISABLED> Tidak dapat di ubah dan disalin.
</TEXTAREA>
</body>
</html>

Senin, 27 Februari 2017

Komponen Input Image

Nama depan :
Nama belakang:

Komponen chexbox

FORM INPUT ---- KETERANGAN ----
Sakit
Ijin
Tanpa Keterangan

Komponen radio button

radio button Tingkat Pendidikan :
SD
SMP
SMA sederajat
D3
S1
S2
S3

Komponen input file

input file ---- Tambahkan File KRS ---

Pembuatan form dengan elemen fieldset

Hooya
Proses Sign in
Hooya Ok!
Tidak bisa mengakses account
Bantuan Sign in
------------Atau------------
-------------hi-hi-hi-------------
Masuk dengan Facebok atau Google

Pembuatan form biodata dengan input text

Form 1
Nama :

Kelas:

No :

Hobby:

Password:

   

Komponen input text

input text
Nama :
Sekolah :

Komponen input text password

penulisan password
Password:

Minggu, 26 Februari 2017

Cascading style sheet video embed dari youtube

Test

Sabtu, 25 Februari 2017

Pengaturan Text Alignment

Contoh CSS text-align

07 Desember 2013
Properti text-align digunakan untuk mengatur alignment horizontal teks. Teks dapat ditulis rata kiri, rata kanan, rata kanan kiri ataupun ditulis center.Ketika text-align diset “justify", setiap baris memiliki lebar yang sama, dan margin kiri dan kanan lurus (seperti di majalah dan surat kabar). Format penulisan CSS untuk text alignment.selector {textalign:nilai text-align;} Berikut adalah contoh dari penulisan style text-align yang disisipkan di selector h1 dan paragraf. h1{text-align:center;} p.tanggal {text-align:right;} p.utama {text-align:justify;} pada selector p.tanggal dan p.utama artinya CSS akan diberikan ke paragraf dengan pemanggilan kelas “tanggal” dan “utama”.Untuk lebih lengkapnya dapat dilihat pada contoh berikut :
Catatan:Baris ini adalah contoh penulisan tanpa CSS

Pemberian efek bayangan pada teks/Text shadow

Efek Text-shadow

Catatan:Internet Explorer Versi 9 dan sebelumnya tidak support pada text-shadow property.

Pengubahan huruf besar dan huruf kecil dari sebuah teks/text-transform

Format Text
pengubahan menjadi huruf Besar (Kapital)
PENGUBAHAN MENJADI HURUF KECIL
huruf kapital pada setiap awal kata

Pengaturan jarak indentasi paragraph/text-indent

Format Text Dengan text indent.Form adalah salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna, untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemrograman web,baik secara server side scripting(misalkan PHP,JSP) ataupuun client-side scripting (javascript).
Tanpa text indent.Form adalah salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna,untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemrograman web,baik secara server side scripting(misalkan PHP,JSP) ataupun client-side.

Pengaturan spasi antar kata/word-spacing

Format Text Pengaturan Spasi per Kata sebesar 1 cm
Peregangan Header 2 sebesar 5 px

Pengaturan bentuk teks menggunakan properti text-decoration

Format Text Bentuk Overline

Header 2,Bentuk Line-through

Header 3,Bentuk Underline

Penggunaan Dalam Link,Nilai NONE

Pengaturan spasi antar karakterf/letter-spacing

Format Text Pengaturan Spasi Pada Paragraph

Header 4

Pembuatan form dengan elemen entri pilihan dan elemen fieldset

pengaturan pada form
Tentang Anda



Hoby Anda?


Pembuatan form dengan elemen entri pilihan

form
PENDAFTARAN
Nama Pengguna :
Sandi :
Jenis Kelamin :
Tanggal lahir :
 

Komponen Datalist

Komponen Select

Form Pilih Jurusanmu:

Senin, 20 Februari 2017

Pembuatan form dengan elemen entri pilihan dan elemen fieldset

Pengaturan pada form
Tentang Anda






Hobby anda? berkebun
memasak
renang
main musik
bernyanyi

Selasa, 14 Februari 2017

READONLY

cek form

COLS

cek form Silahkan diisi pada teks area yang tersedia

Selasa, 07 Februari 2017

DISABLED

Saya

Senin, 06 Februari 2017

MARQUEE

Tugas Pemrograman Web Dari Bu Guru Membuat Tulisan Berjalan
Pada Blog