• LinkedIn
  • Join Us on Google Plus!
  • Subcribe to Our RSS Feed

Senin, 12 Desember 2016

soal soal tentang pemprograman web (3.1-3.5)

22.06 // by Unknown // No comments

 1.. Profesi web yang tugasnya adalah memaintenance suatu server, mengerti akan Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting), merupakan tugas :
a) Web Designer
b) Web Programmer
*c) Web Administrator
d) Web Master
e) Web Colector
2. Profesi web yang tugasnya yang mengerti akan kesemua hal mulai dari disain, program dan keamanan server namun tidak terlalu turut mencampuri ke masing-masing divisi, cukup dengan mempertanggun jawabkan atas jalannya suatu situs (web), merupakan tugas :
a) Web Designer
b) Web Programmer
c) Web Administrator
*d) Web Master
e) Web Colector
3. Penemu Situs Web adalah
a) Bill Gates
b) Volta Web Bosna
c) Webby Johson
*d) Sir Timothy John
e) Berness Less
4. Penemu Situs microsoftadalah
(a) Bill Gates
b) Volta Web Bosna
c) Webby Johson
d) Sir Timothy John
e) Berness Less
5. www…
(a) Word Wide Web
b) Worl Web Wide
c) Wolrd Wide Web
d) Web World Web
e) Web Worl Web
6. Yang termasuk editor teks pengolahan website …
(a) Notepad
b) Microsoft Word
c) Power Point
d) Text Pad
e) Worpad
7. Apa yang dimaksud editor WYSIWYG ….
a) Editor terlihat
b) Editor dengan tampilan ms word
c) Editor dengan tampilan excel
(d) Editor dengan antar muka grafis dalam penggunaan tool pengolahan teks dan gambarnya
e) Bukan salah satu jawaban diatas
8. Salah satu halaman website statis adalah …
a) php
(b) html
c) asp
d) sql
e) msql
9. Salah satu halaman website dinamis adalah …
*a) php
b) html
c) asp
d) sql
e) msql
10. Craa Kerja Website yaitu …
a) URL -> user -> browser -> server -> browser ->user
b) browser -> user -> URL -> server -> browser ->user
(c) user -> browser -> URL -> server -> browser ->user
d) user -> browser -> URL -> user -> browser ->user
e) user -> browser -> user -> server -> browser ->user
11. Elemen – Elemen Website adalah …
(a) teks, images, audio, video
b) warna, teks, images, video
c) warna, font, images, suara
d) color, teks, font, suara
e) image, Sound, teks, video
12. Yang termasuk database website …
(a) mysql
b) html
c) asp
d) php
e) mostsql
13. Kolokasi adalah …
a) tempat berpusatnya data server yang dipakai
(b) tempat yang dipergunakan untuk meletakkan server secara bersama sama di suatu gedung atau ruangan (pusat data).
c) tempat perkumpulan data yang disiapkan
d) tempat menambahkan data yang dibutuhkan
e) tempat melengkapi data yang dibutuhkan
14. berikut ini adalah profesi di web, kecuali?
(a). web setting              c. web administrator                         d. web  programmer                                                                          b. web desginer
15. Kepanjangan dari VPS …
(a) Virtual Private Server
b) Virtual Portal Server
c) Virtual Promote Server
d) Virtual Pusat Service
e) Virtual Private Service

selanjutnya akan membahas soal tentang format teks ;

1.  Kode #000000 merupakan kode warna
(A). Hitam
B. Putih
C. Merah
D. Abu-abu
E. Kuning
2. Tag HTML untuk memformat karakter agar tampilan huruf seperti mesin tik adalah :
     A. <B> ..... </B>
     B. <PP> ..... </PP>
     C. <VV> ... </VV>
     (D). <TT> .... </TT>
     E. <YY> .... </YY>
3.  Dalam penulisan file HTML, teks yang akan muncul pada title bar didefinisikan di antaratag ....
A. <head> dan </head>
(B). <title> dan </title>
C. <bar> dan </bar>
D. <title bar> dan </title bar>
E. <body> dan </body>
4.  Tag HTML yang digunakan untuk menandai sebuah paragraf dari dokumen HTML yang dibuat adalah ....
A. <paragraf>
B. <paragraph>
(C.) <p>
D. <pg>
E. <prg>
5. Berikut ini yang bukan merupakan web
browser adalah ....
A. Mozilla Firefox
B. Internet Explorer
C. Netscape
D. Operas
(E). Google
6.  Tag HTML yang berfungsi untuk menampilkan karakter ® adalah
     A. &deg;
     B. %deg
     (C.) &reg;
     D. %reg;
     E. $reg;
7. WWW merupakan singkatan dari ....
A. World Web Wide
B. Web World Wide
(C.) World Wide Web
D. Wide World Web
E. Word Wide Web
8.  Atribut colspan digunakan untuk ....
A. Melebarkan baris
B. Menghapus kolom
C. Melebarkan baris dan kolom
D. Menghapus kolom
(E). Menggabungkan Kolom
9.  Atribut Cellpading adalah untuk mengatur :
     A. Spasi antar sel
     (B). Jarak isi sel dengan bingkai
     C. Jarak antar sel dengan sel
D. Menghapus sel
E. Menggabungkan sel
10.  Tag HTML yang digunakan untuk memisahkan teks menjadi baris baru adalah ....
A. <hr>
B. <bb>
C. <teks>
D. <break
(E). <br>
11.  Tag HTML untuk melakukan link adalah
       A. <A ref> ……</A>
       B. <A href>
       (C.) <A href> …. </A>
       D. <A ref> ….. </A>
       E. <A> … </A>
12.  Untuk membuat animasi teks berjalan dari kiri ke kanan dalam halaman web digunakan perintah ....
A. <marquee> teks </marquee>
(B.) <marquee direction=”left”> teks
     </marquee>
       C. <marquee direction=”right”> teks
            </marquee>
       D. <marquee><direction=”left”> teks
            </direction></marquee>
       E. <marquee><direction=”right”> teks
            </direction></marquee>
13. Berikut ini contoh penulisan tag HTML dan atribut untuk menentukan warna latar belakang dari badan dokumen yang benar, kecuali ....
A. <body bgcolor=”red”>
B. <body background=”red”>
C. <body bgcolor=”#FFFFFF”>
D. <body bgcolor=”#ffffff”>
(E.) <body bgcolor=”ff0022”>
14. Tag heading yang terkecil dalam HTML adalah ....
(A.) <h6>heading</h6>
B. <h5>heading</h5>
C. <h4>heading</h4>
D. <h2>heading</h2>
E. <h1>heading</h1>
15. Untuk membuat teks menjadi seperti angka 2 dalam H2 dalam HTML digunakan perintah ....
A. H<superscript>2</superscript>
B. H<subscript>2</subscript>
(C.) H<sup>2</sup>
D. H<sub>2</sub>
E. <superscript>H2</superscript>

 Soal soal selanjutnya adalah tentang (FORMAT TABEL)

1. Untuk menampilkan data pada setiap sel tabel data disebut ?
(a.)  Table Data
b.   Table Row
c.   Portable
d.   Tabel Kimia
e.   Tabel Biologi
2. Ukuran Border dalam ….?
a.    KM/H
b.    CM
c.    Liter
(d.)    Pixel
e.    Mph

3. apa fungsi dari <center> adalah.....
a.                     menampilkan informasi    
b.    tulisan strong            
c.    mempertebal tulisan 
d.    *rata tengah                           
e.    mendefinisikan table 




4. struktur dasar membuat tabel pada html..
a. <table>
<tr>
<td> </td>
</tr>
    <table>
b. <table>
<tr>
<tr> <td>
    <table>
</td>
(c.) <table>
<tr>
<td> </td>
</tr>
    </table>
d. <table>
<head>
<td> </tr>
   <Table>
</head>
e. <td>
<table>
<tr> </tr>
</table>
   </td>

5. Tag tabel adalah….
(a.)    <table>..</table>
b.    </table>..<table>
c.    </table>..</table>
d.    <table>..<table>
e.    <table/>..<table>

6. Untuk menentukan baris dalam table adalah…
a.    <hr>
b.    <br>
c.    <p>
d.    <b>
(e.)    <tr>

7. Apa fungsi bg color dalam membuat table …
(a.)  warna latar belakang table
b.  warna desktop
c.  warna latar belakang monitor
d.  warna latar belakang html
e.  warna latar belakang teks

8. tabel merupakan..
a.    *Informasi dalam bentuk baris dan kolom
b.    Tulisan berjalan
c.    teks berjalan
d.    efek suara
e.    background

9. Tag yang digunakan untuk menampilkan informasi dalam bentuk list ?
(a.)    <li>
b.    <ul>
c.    <ol>
d.    <tr>
e.    <td>

10. Tag Ordered List memiliki Attribute ? 
a.    <end>
b.    <type>
c.    <square>
d.    <disc>
(e.)    <start>

11. Properti <li> pada listing berguna untuk…
(a.)    Membuat bullet point atau baris baru pada list
b.    Membuat teks miring
c.    Membuat teks tebal
d.    Pindah baris
e.    Membuat teks garis bawah

12. Tag <ul> dalam listing berguna untuk…
a.    Membuat kolom
b.    Ganti paragraph
c.    Pindah baris
d.    Membuat teks miring
(e.)    Mendefinisikan awal dan akhir list

13. untuk membuat listing,tag pertama adalah..
a.    <html>
b.    *<ul>
c.    <body>
d.    <head>
e.    <title>




14. perhatikan struktur berikut!
    <ul>
      <li> </li>
     </ul>
Dari struktur tersebut,untuk apakah itu?
a.    Membuat background
b.    Memberi efek suara
c.   * Membuat listing
d.    Membuat tabel
e.    Efek suara

15. list dalam format bullet adalah..
a.    <ol>                                                    
b.    <h1>
c.    *<ul>                                                    
d.    <big>
e.    <h3>

selanjutnya kita akan melihat soal 3.4 (multimedia pada halaman web)


1.    Apakah kepanjangan dari HTML?
A.   Hyper Text Mark Up Language
B.   Hyper Text Mark Language
C.   Hight Text Mark Up Language
D.   Hight Text Mark Language

2.    Berikut ini adalah termasuk Software Browser, Kecuali: 
A.   Mozilla Firefox
B.   Opera
C.   Netscape Navigator
D.   Internet Explorer
E.   Macromedia Dreamweaver
.
3.    Perintah <BR> digunakan untuk ...
A.   Membuat garis
B.   Menulis teks pada baris berikutnya (ganti baris)
C.   Mengatur ukuran font
D.   Membuat efek tulisan
E.   Memasang background

4.    Untuk memasukkan file gambar ke dalam web menggunakan perintah …
A.   <embed src="…">                               D. <marquee src=”…”>
B.   <embedded src="…">                       E. <images src=”…”>
C.   <image src=”…”>

5.    Berikut ini adalah Software untuk mendisain Halaman Web (Web Design Software), kecuali:
A.   Adobe Image Ready,
B.   Macromedia Dreamweaver
C.   Macromedia Fireworks,
D.   Microsoft Frontpage
E.   Google Chrome

6.    Berikut ini adalah Bahasa Pemrograman Web, kecuali:
A.   PHP,
B.   JavaScript,
C.   CSS
D.   XML
E.   EXL

7.    Heading HTML mempunyai level ukuran huruf:
A.   1 sampai 6
B.   1 sampai 7
C.   1 sampai 8
D.   1 sampai 9
E.   1 sampai 10

  1. Software untuk menulis bahasa HTML yang paling sederhana adalah ….
A.   Ms Word
B.   Ms Excel
C.   Ms Powerpoint
D.   Notepad
E.   Ms Acces

  1. Untuk memberi warna teks web diatur dengan mengubah nilai atribut ….
A.   Body
B.   Title
C.   Bgcolor
D.   Fontcolor
E.   Head

  1. Untuk memberi gambar pada  belakang web diatur dengan mengubah nilai atribut ….
A.   Body background
B.   Body
C.   Bgcolor
D.   Fontcolor
E.   Head

  1. Untuk memisahkan baris pada web dapat digunakan tag ….
A.   <B>
B.   <I>
C.   <U>
D.   <P>
E.   <BR>

  1. Untuk membuat garis horizontal didalam web dapat digunakan tag ….
A.   <BR>
B.   <P>
C.   <HR>
D.   <H1>
E.   <H6>

  1. Untuk menampilkan gambar dalam halaman web maka gambar tersebut harus berformat ….
A.   SWF
B.   FLA
C.   JPG
D.   DOC
E.   PDF

  1. Tag <IMG SRC=”…….. .JPG”> digunakan untuk ….
A.   Mengubah gambar
B.   Mengatur gambar
C.   Menampilkan gambar
D.   Menghapus gambar
E.   Memindahkan gambar

  1. Tag <IMG> memiliki atribut ….
A.   SIZE, COLOR, FACE
B.   SIZE , WIDTH
C.   HEIGHT, WIDTH
D.   TYPE
E.   BUTTON
selanjutnya saya akan membahas soal 3.5 (hyperlink)


1. apa fungsi link?
 (a.) menghubungkan satu halman web ke halaman lain
 b. untuk link
 c. untuk membuat tabel
 d. untuk button
 e. untuk type
2. sintak untuk link ?
(a). a href
b. br
c. link
d. link br
e. tr
3. dimana kita membuat link?
a. web
(b.) notepad
c. mozilla
d. google
e. dudi
4. untuk meng link ke halaman bagaimana ?
(a.) <a href="link"> link</a>
 b. <a href="link"> link<a>
 c.<ahref="link"> link</a>
 d. <a freh=link> link</a>
 e. <href="link> link </a>







Jumat, 09 September 2016

CHEAT GTA TERKOMPLIT

20.59 // by Unknown // No comments

Selamat datang kembali di blog saya kawan. Saya akan memberitahukan beberapa cheat GTA San Andreas.
Hasil gambar untuk gambar gta

Kiamat
L2, kanan, L1, segitiga, kanan, kanan, R1, L1, kanan, L1, L1, L1

Manusia 1/2 dewa
bawah, X, kanan, kiri, kanan, R1, kanan, bawah, atas, segitiga

Uang, darah, tameng
R1, R2, L1, X, kiri, bawah, kanan, atas, kiri, bawah, kanan, atas

Lompat tinggi
atas, atas, segitiga, segitiga, atas, atas, kiri, kanan, kotak, R2, R2

Pukulan maut
atas, kiri, X, segitiga, R1, bulat, bulat, bulat, L2

Bernafas dalam air
bawah, kiri, L1, bawah, bawah, R2, bawah, L2, bawah

Senjata 1
R1, R2, L1, R2, kiri, bawah, kanan, atas, kiri, bawah, kanan, atas

Senjata 2

R1, R2, L1, R2, kiri, bawah, kanan, atas, kiri, bawah, bawah, kiri

Senjata 3
R1, R2, L1, R2, kiri, bawah, kanan, atas, kiri , bawah, bawah, bawah

Dua senjata
bawah, kotak, X, kiri, R1, R2, kiri, bawah, bawah, L1, L1, L1

Peluru tak terbatas
L1, R1, kotak, R1, kiri, R2, R1, kiri, kotak, bawah, L1, L1

Rekrut
bawah, kotak, atas, R2, R2, atas, kanan, kanan, atas

Bunuh diri
kanan, L2, bawah, R1, kiri, kiri, R1, L1, L2, L1

Kurus
segitiga, atas ,atas, kiri, kanan, kotak, bulat, kanan

Gendut
segitiga, atas ,atas, kiri, kanan, kotak, bulat, bawah

Kekar
segitiga, atas, atas, kiri, kanan, kotak, bulat, kiri

Dikelilingi pel@cur
kotak, kanan, kotak, kotak, L2, X, segitiga, X, segitiga

Suasana pantai
atas, atas, bawah, bawah, kotak, bulat, L1, R1, segitiga, bawah

Badut
segitiga, segitiga, L1, kotak, kotak, bulat, kotak, bawah, bulat

Elvis
L1, bulat, segitiga, L1, L1, kotak, L2, atas, bawah, kiri

Yakuza
X, X, bawah, R2, L2, bulat, R1, bulat, kotak

Nascar 1
bawah, R1, bulat, L2, L2, X, R1, L1, kiri, kiri

Nascar 2
R1, bulat, R2, kanan, L1, L2, X, X, kotak, R1

Nascar 3
R2, L1, bulat, kanan, L1, R1, kanan, atas, bulat, R2

Mobil golf
bulat, L1, atas, R1, L2, X, R1, L1, bulat, X

Buldoser
R2, L1, L1, kanan, kanan, atas, atas, X, L1, kiri

Mobil sherif
atas, kanan, kanan, L1, kanan, atas, kotak, L2

Mobil orang kaya
R2, atas, L2, kiri, kiri, R1, L1, bulat, kanan

Tanker
R1, atas, kiri, kanan, R2, atas, kanan, kotak, kanan, L2, L1, L1

Mobil romero
bawah, R2, bawah, R1, L2, kiri, R1, L1, kiri, kanan

Truk sampah
bulat, R1, bulat, R1, kiri, kiri, R1, L1, bulat, kanan

Motor roda empat
kiri, kiri, bawah, bawah, atas, atas, kotak, bulat, segitiga, R1, R2

Boat amphibi
segitiga, segitiga, kotak, bulat, X, L1, L2, bawah, bawah

Mobil monster
kanan, atas, R1, R1, R1, bawah, segitiga, segitiga, X, bulat, L1, L1

Tank
bulat, bulat, L1, bulat, bulat, bulat, L1, L2, R1, segitiga, bulat, segitiga

Helikopter tempur
bulat, X, L1, bulat, bulat, L1, bulat, R1, R2, L2, L1, L1

Pesawat jet
segitiga, segitiga, kotak, bulat, X, L1, L1, bawah, atas

Pesawat stunt
bulat, atas, L1, L2, bawah, R1, L1, L1, kiri, kiri, X, segitiga

Parasut
kiri, kanan, L1, L2, R1, R2, R2, atas, bawah, kanan, L1

Jetpack
kiri, kanan, L1, L2, R1, R2, atas, bawah, kiri, kanan

Semua mobil berwarna hitam
bulat, L2, atas, R1, kiri, X, R1, L1, kiri, bulat

Semua mobil berwarna pink
bulat, L1, bawah, L2, kiri, X, R1, L1, kanan, bulat

Semua mobil jadi jelek
L2, kanan, L1, atas, X, L1, L2, R2, R1, L1, L1, L1

Semua mobil jadi mewah
kanan, R1, atas, L2, L2, kiri, R1, L1, R1, R1

Semua mobil desa
L1, L1, R1, R1, L2, L1, R2, bawah, kiri, atas

Semua mobil transparan
segitiga, L1, segitiga, R2, kotak, L1, L1

Semua kendaraan hancur
R2, L2, R1, L1, L2, R2, kotak, segitiga, bulat, segitiga, L2, L1

Nos
kiri, segitiga, R1, L1, atas, kotak, segitiga, bawah, bulat, L2, L1, L1

Mobil kebal
L1, L2, L2, atas, bawah, bawah, atas, R1, R2, R2

Mobil melambung
kotak, R2, bawah, bawah, kiri, bawah, kiri, kiri, L2, X

Mobil terbang
kotak, bawah, L2, atas, L1, bulat, atas, x, kiri

Mobil berjalan di atas air
kanan, R2, bulat, R1, L2, kotak, R1, R2

Boat terbang
R2, bulat, atas, L1, kanan, R1, kanan, atas, kotak, segitiga

Sepeda lompat tinggi
segitiga, kotak, bulat, bulat, kotak, bulat, bulat, L1, L2, L2, R1, R2

Bintang enam
bulat, kanan, bulat, kanan, kiri, kotak, X bawah

Mengurangi wanted level
R1, R1, bulat, R2, atas, bawah, atas, bawah, atas, bawah

Menaikkan wanted level
R1, R1, bulat, R2, kanan, kiri, kanan, kiri, kanan, kiri

Kunci polisi
bulat, kanan, bulat, kanan, kiri, kotak, segitiga, atas

Pengemudi agresif
kanan, R2, atas, atas, R2, bulat, kotak, R2, L1, kanan, bawah, L1

Trafik agresif
R2, bulat, R1, L2, kiri R1, L1, R2, L2

Rambu lalu lintas hijau
kanan, R1, atas, L2, L2, kiri, R1, L1, R1, R1

Waktu berjalan cepat
bulat, bulat, L1, kotak, L1, kotak, kotak, kotak, L1, segitiga, bulat, segitiga

Gerakan cepat
segitiga, atas, kanan, bawah, L2, L1, kotak

Gerakan lambat
segitiga, atas, kanan, bawah, kotak, R2, R1

Membidik sambil mengemudi
atas, atas, kotak, L2, kanan, x, R1, bawah, R2, bulat

Skill mengemudi maksimum
kotak, L2, X, R1, L2, L2, kiri, R1, kanan, L1, L1, L1

Respek maksimum
L1, R1, segitiga, bawah, R2, X, L1, atas, L2, L2, L1, L1

Pagi
R2, X, L1, L1, L2, L2, L2, kotak

Malam
R2, X, L1, L1, L2, L2, L2, segitiga

Selalu tengah malam
kotak, L1, R1, kanan, X, atas, L1, kiri, kiri

Geng berkuasa
L2, atas, R1, R1, kiri, R1, R1, R2, kanan, bawah

Nyepi
X, bawah, atas, R2, bawah, segitiga, L1, segitiga, kiri

Penduduk menyerang
bawah, atas, atas, atas, X, R2, R1, L2, L2

Penduduk bersenjata
R2, R1, X, segitiga, X, segitiga, atas, bawah

Badai pasir
atas, bawah, L1, L1, L2, L2, L1, L2, R1, R2

Kabut
R2, X, L1, L1, L2, L2, L2, X

Cuaca cerah
R2, x, L1, L1, L2, L2, L2, kotak

Hujan badai
R2, X, L1, L1, L2, L2, L2, bulat

CJ berkepala buntung
Ini dilakukan dengan bermain multiplayer. Jangan mengaktifkan CJ dengan cheat "kebal serangan"(manusia 1/2 dewa). Suruh player 2 mengayunkan pedang samurai(katana) ke arah CJ sampai kepalanya terpenggal hingga tewas. Sejak itu kepala CJ akan tetap buntung, tapi masih hidup.

CJ meleleh
Naikilah sepeda gunung lalu tahan KOTAK sambil menekan X terus-menerus secepat mungkin.

Mode widescreen
Naikilah pesawat komersial di bandara. Sewaktu pesawatnya lepas landas, aktifkan cheat "Destroy all vehicles".

Semoga bermanfaat kawan. 

contoh syntag marquee

19.23 // by Unknown // No comments

cara memberi efek tulisan berjalanb di blog memanglah sangat mudah hanya tinggal menambahkan sedikit syntag di sebuah blog. Perlu anda ketahui bahwa kode dasar Marquee adalah.. blog saya TEKS INI AKAN TURUN Kode diatas menjadi seperti ini TEKS INI AKAN TURUN Jadi setelah kalian mengerti kode diatas sangatlah mudah Cara pemasangan kode Marquee pada artikel Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML Silahkan masukkan kode Marquee di mode HTML Cek posisi teks di mode Compose Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. Cara pemasangan kode Marquee pada widget Login ke akun blogger anda Masuk ke menu Tata Letak, Klik tambahkan gadget Silahkan pilih HTML/Java Script Masukkan kode Marquee yang anda pilih Silahkan klik Simpan Kemudian silahkan cek apakah kode sudah bekerja. Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut.. Kode dasarnya adalah style="font-family: Arial; font-size:20px; color:#800C0C;" Arial adalah jenis huruf 20px adalah ukuran huruf #f2f2f2 adalah warna huruf Silahkan ubah sesuai dengan keinginan anda Contoh kode nya seperti ini.. CONTOH BACKGROUND AREA TEKS Hasilnya akan terlihat seperti ini.. CONTOH BACKGROUND AREA TEKS Jadi, mari kita bahas saja variasi kode Marquee ini. Berikut ini adalah varias-variasi kode Marquee nya.. Kode Marquee untuk mengatur pengulangan Rotasi kode loop="angka|-1|infinite" digunakan untuk pengulangan berotasi pada Marquee.. Setelah berotasi sesuai angka yang ditentukan, maka teks tersebut akan hilang. Contoh kodenya seperti ini: TEKS BEROTASI 6 KALI Hasilnya akan terlihat seperti ini.. TEKS BEROTASI 6 KALI Kode Marquee untuk mengatur lebar teks Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja. Contoh kodenya seperti ini: LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan. Hasilnya akan terlihat seperti ini LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG Kode Marquee untuk memberi link pada teks Kode dasar seperti ini.. onmouseover="this.stop()" onmouseout="this.start()" Contoh kodenya seperti ini: CARA MEMBUAT TULISAN BERJALAN Hasilnya akan terlihat seperti ini.. CARA MEMBUAT TULISAN BERJALAN Kode Marquee untuk mengatur background pada jalur teks Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan. Contoh kodenya seperti ini: CONTOH BACKGROUND AREA TEKS Keterangan: pink bisa anda ganti sesuai warna yang anda inginkan. Misalnya blue, yellow, red, dan lain-lain. Hasilnya akan terlihat seperti ini CONTOH BACKGROUND AREA TEKS Kode Marquee untuk mengatur kecepatan jeda Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik. Contoh kodenya seperti ini: TEKS BERJALAN DALAM JEDA 0,75 DETIK Keterangan: Angka 750 itu untuk jeda dalam 0,75 detik. Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya.. Hasilnya akan terlihat seperti ini.. TEKS BERJALAN DALAM JEDA 0,75 DETIK Kode Marquee untuk memberi Alt Title pada area teks berjalan Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title. Contoh kodenya seperti ini: TEKS YANG BERJALAN DENGAN PESAN Hasilnya seperti ini.. TEKS YANG BERJALAN DENGAN PESAN Kode Marquee untuk mengatur kecepatan teks berjalan Kode scrollamount="angka" berguna untuk mengatur kecepatan laju teks yang berjalan. Contoh kodenya seperti ini: KECEPATAN TEKS YANG BERJALAN 12 Keterangan: angka 12 bisa anda ganti sesuai kecepatan yang anda sukai. Semakin besar angka maka akan semakin cepat. Hasilnya akan terlihat seperti ini.. KECEPATAN TEKS YANG BERJALAN 12 Kode Marquee untuk mengatur arah teks bergerak Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks. Contoh kode nya seperti ini: TEKS AKAN BERGERAK KE KIRI Keterangan: left bisa anda ganti sesuai arah teks berjalan yang anda inginkan. Hasilnya akan terlihat seperti ini.. TEKS AKAN BERGERAK KE KIRI Kode Marquee untuk mengatur teks berhenti jika dilintasi mouse Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah onmouseover="this.stop()" onmouseout="this.start()" Contoh kodenya seperti ini: TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE Hasilnya akan terlihat seperti ini.. TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini.

Kamis, 08 September 2016

ANATOMI DOKUMEN WEB DAN PEMFORMATAN TEKS DAN PARAGRAF

04.38 // by Unknown // No comments

ANATOMI DOKUMEN WEB



          1.      Dasar-Dasar HTML

HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML. HTML ini digunakan untuk memperindah tampilan pada program web.
Fitur-Fitur dalam HTML:
1.Canvas: digunakan untuk membuat gambar dalam gambar, yang hasilnya kita tidak perlu diambil secara utuh melainkan dapat disusun sendiri menggunakan program tertentu
2.Header :Digunakan sebagai tempat diletakkannya judul, yang bias diisi dengan elemen logo atau nama suatu instansi
3.Footer : Sebagai temmpat untuk menaruh informasi di bagian bawah halaman sebuah web.
4.Time  : Berguna untuk menyajikan informasi tentang waktu.
5.Audio : Memungkinkan untuk melakukan pememutar suara atau lagu.
6.Video :Memungkinkan untuk memainkan atau memutar video atau film.
     Secara prinsif, fitur-fitur dalam dokumen HTML dapat dikelompokkan menjadi 5, yaitu:
1.      Struktur halaman
2.      Presentasi visual
3.      Peranti penyaji gambar
4.      Pendukung media
5.      Peningkatan koneksi dengan JavaScript
            Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih besar (<) dan symbol lebih kecil  (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <html > adalah</html>. Dalam hal ini <html> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu.
2.      Struktur Dasar Dokumen HTML
Dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut :
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaZHy7wLylGyLY8HHgNpHyPqd2R4GguWoKKiMu3NQEWcRbelgcHbsHTOYKAKmPqp74QCLxXFHaj0Q6qISSJ3VEmyvziRx7wxYLqG6VyXGBG9D4Ds7qUNLEAYyoM6mHyuhc7kB_cw7Crl_5/s400/awfeed.jpg

Struktur file HTML diawali dengan sebuah tag<html> dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag<head>…</head> dan tag <body>…</body>.
·  HEAD: Merupakan header dari halaman HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag header seperti <tittle>… </tittle> yang  berpungsi untuk mengeluarkan judul pada tittle bar window web browser.
·      BODY: Merupakan bagian yang akan ditampilkan pada halaman web browser nantinya.

3.      Pengaturan Properti Dokumen
              Properti document adalah pengaturan tampilan web  melalui atribut-atribut yang terdapat dalam elemen <body>.

      Kode Warna
Warna
Hexadesimal
Warna
Hexadesimal
White
#FFFFFF
Black
#B87333
Red
#FF0000
Green
#00FF00
Blue
#0000FF
Magenta
#FF00FF
Cyan
#00FFFF
Yellow
#FFFF00
Aquamarine
#70DB93
Chocolate
#5C3317
Violet
#9F5F9F
Brass
#B5A642
Coper
#B87333
Pink
#FF6EC7

      Atribut Elemen <body>
a.BACKGROUND       = Latar belakng dokumen image dokumen
b.BGCOLOR                = Warna latar belakng dokumen, biasanya putih
c.TEXT                         = Warna teks dokumen, biasanya hitam
d.LINK                         = Warna link dokumen, biasanya biru
e.VLINK                       = Warna visited link dokumen, biasanya ungu
f.A LINK                      = Warna aktif link dokumen, biasanya merah

      Elemen Heading <h1>… <h6>
Heading berfungsi untuk memformat judul dari suatu halam web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading. Ada 7 buah heading yang dikenal di HTML, yaitu dari <h1> sampai <h6>.

4.Format Teks
Semacam bentuk teks dan model tulisan
<b> : bold
<i> : Italic
<em> : teks menekankan
<small> : Teks kecil
<Strong> : Teks penting
<Sub> : Teks  dibawah garis
<Sup> : Teks diatas garis
<ins> : Teks Sisipan
<del> : teks dicoret
<Mark> : Teks ditandai

5.Format Paragrap
Tag HTML untuk Paragrap adalah <p>.
Contoh :
<HTML>
<Head>
<title> Paragraf center </title>
<body>
<p><h1 align="center">Belajar Paragraf Bersama Bu Atik</h1></p>
<p align="center">Sekali lagi belajar HTML dengan Bu Atik
Pada hari jumat tanggal 2 september tahun 2016 di pelajaran Pemrogaman Web
tepatnya pada materi pemformatan paragraf.Kami dari kelas X.RC
yang berjumlah 35 siswa sangat suka belajar Pemrogaman WEB</p>
</body>
</HTML>

6.List Minimal Dan Kombinasi
Oke kita lanjutkan, list dalam kode html menggunakan tag :

1. <ol> </ol> = Ordered List (Membuat list dengan urutan contoh 1,2,3,.., a,b,c,... dll)
Attribut tag ol : type
Value tag ol : 1, i, I, a, dan A
Contoh : <ol type='i'><li> Ade Putra Blo</li><ol>
2. <ul> </ul> = Unordered list (membuat list tanpa orutan lihat screenshot pada gambar.
Attribut tag ul : type
Value tag ul : disc, circle, dan square
contoh : <ul type='square'><li> Ade Putra Blo</li><ul>

3. <li></li> = Tag li berfungsi untuk menampilkan kalimat yang ingin kita buat.Tag li disisipkan    diantara tag ol ataupun tag ul
contoh :
<ol>
<li>teks  </li>
 li>teks 2 </li>
li>teks dsb. </li>
</ol>


Cara Membuat List Minimal
<html>
<head>
<title>Membuat list minimal</title>
</head>
<body>
<ol>
<li>teks  </li>
<li>teks 2 </li>
<li>teks dsb. </li>
</ol>
</body>
</html>
Cara Membuat List Kombinasi.
Membuat list kombinasi saya rasa tidak cukup sulit, hanya saja kita harus meletakkan kodenya dengan teliti agar list yang kita buat tidak kacau. Kita akan membuat list kombinasi sesuai seperti contoh dibawah.
<html>
<head>
<title>INI LIST KOMBINASI</title>
</head>
<body>
Daftar Makanan
<ol>

<li>Ayam
<ul>
<li type='circle'>PERSIJA</li>
<li type='disc'>JAYARAYA</li>
<li type='square'>HIDUP MACAN KEMAYORAN</li>
</ul>
</li>

<li>PERSIJA
<ol type='a'>
<li>PERSIJA</li>
<li>JAYARAYA</li>

</ol>
</li>

</ol>
</body>
</html>

FORMAT TEKS

03.53 // by Unknown // No comments

                                       FORMAT TEKS 


Untuk format teks tentang bagaimana membuat paragraf dan baris baru anda bisa membacanya di Belajar HTML tentang Format text HTML.
Disana juga telah dibuat beberapa contoh tag untuk memanipulasi tampilan teks, namun sebagian dari tag-tag tersebut merupakan Deprecated Tags dimana saat ini sudah dihindari pemakaiannya karena dapat digantikan dengan atribut style atau CSS dengan lebih baik.
Sebagai contoh tag <b> alternatifnya bisa menggunakan tag <strong> atau atribut style dengan properti font-weight.
<p><strong>Tulisan ini tebal</strong></p> <p style="font-weight:bold">Tulisan ini juga tebal</p>
Hasil:
Tulisan ini tebal
Tulisan ini juga tebal
Untuk tag <strike> (teks tercoret) dan tag <u> (underline) dapat diganti dengan properti text-decoration.
<p style="text-decoration:line-through;">Contoh teks tercoret</p> <p style="text-decoration:underline;">Contoh teks dengan garis bawah</p>
Hasil:
Contoh teks tercoret
Contoh teks dengan garis bawah
Berikut adalah contoh text-decoration yang lainnya.
<p style="text-decoration:overline;">Contoh teks dengan garis atas</p> <p style="text-decoration:blink;">Contoh teks berkedip</p>
Hasil:
Contoh teks dengan garis atas
Contoh teks berkedip
Untuk mengubah teks dari huruf besar ke huruf kecil dan sebaliknya digunakan properti text-transform.
<p style="text-transform:uppercase">tulisan ini aslinya adalah huruf kecil dengan text-transform:uppercase semuanya menjadi huruf besar.</p>
Hasil:
TULISAN INI ASLINYA ADALAH HURUF KECIL DENGAN TEXT-TRANSFORM:UPPERCASE SEMUANYA MENJADI HURUF BESAR.
<p style="text-transform:lowercase">TULISAN INI ASLINYA ADALAH HURUF BESAR DENGAN TEXT-TRANSFORM:LOWERCASE SEMUANYA MENJADI HURUF KECIL.</p>
Hasil:
tulisan ini aslinya adalah huruf besar dengan text-transform:lowercase semuanya menjadi huruf kecil.
<p style="text-transform:capitalize">text-transform:capitalize akan membuat setiap huruf di awal kata menjadi huruf besar.</p>
Hasil:
Text-Transform: Capitalize Akan Membuat Setiap Huruf Di Awal Kata Menjadi Huruf Besar.
Kemudian untuk memposisikan teks digunaka properti text-align
<p style="text-align:left">Membuat teks ke kiri</p> <p style="text-align:center">Membuat teks di tengah</p> <p style="text-align:right">Membuat teks ke kanan</p>
Hasil:
Membuat teks ke kiri
Membuat teks di tengah
Membuat teks ke kanan