Minggu, 09 April 2017

Berbagi Midi

Hasil soal UTS X Semester 2 no.1 Pemrograman Web

Format Teks Tulisan ini ditebalkan(bold)
Tulisan ini ditebalkan(strong)
Tulisan ini miring(emphasize)
Tulisan ini besar(big)
Tulisan ini miring(italic)
Tulisan inisuperscript

Senin, 06 Maret 2017

Komponen data promosi

input text
Nama : L/P :
Kelas: SEKOLAH SMK PANCASILA 6 JATISRONO

Sabtu, 04 Maret 2017

Contoh Html Pembuatan form dengan elemen entri pilihan

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

Contoh Html Komponen Datalist

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