JAKARTA - Produser ponsel asal korea selatan Samsung berambisi menjadi market leader tahun depan.apalagi saat ini pangsa pasar mereka terus membesar meski krisis.saat ini,pemimpin pasar produck heandset ini adalah nokia.
“kita tidak bisa sebutkan pangsa pasar kita berapa , tapi penjualan ponsel kita terus meroket di masa krisis dan kita siap menjadi nomor satu tahun depan,”ujar hero tjokroadi, direktur Samsung elektronic Indonesia (SEIN ) saat Samsung mobile roadshow kemarin.menurut dia, sejak trywulan 1 tahun ini sudah ada indikasi
Kearah situ.
Hero menjelaskan, pada saat krisis penjualan ponsel Samsung justru menunjukkan peningkatan yang sangat tajam.kal itu, terutama terjadi dii kuartal pertama tahun ini.secara global,pangsa pasar ponsel Samsung diseluruh dunia terus meningkat dari 11,3 persen tahun2006 lalu 14,4 persen di tahun 2007 dan 16,7 persen di tahun 2008,pada kuartal pertama tahun ini saja pangsa pasar kita sudah 23 persen,lanjutnya.
Beberapa tahun ini Samsung melihat ada fenomena menarik seputar penjualan ponsel berteknologi layar sentuh (touch screen ). Itulah yang membuat Samsung yakin meluncurkan variasi-variasi baru berteknologi layar sentuh untuk meraih pangasa pasar yang lebih besar lagi.
2-HTML FORMAT TEKS ::
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pemformatan teks.
MATERI:
Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule)
ELEMENT BR (Line Break)
Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup.
Sintaks:
<br>
ELEMENT P (Paragraph)
Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di awal dan akhir paragraf. Tag penutup </p> sifatnya optional jika suatu paragraf diikuti oleh paragraf berikutnya. Jika tag </p> diabaikan, maka paragraf itu tidak akan diikuti dengan baris kosong di akhir paragraf.
Element P mempunyai attribute yaitu align yang bernilai “left”, “center”, “right” yang menspesifikasikan posisi tepi horizontal dari paragraf (default: “left”).
Sintaks:
<p align=”left”|”center”|”right”>
……………………..
</p>
ELEMENT H1,H2,H3,H4,H5,H6 (Header)
Element H1,H2,H3,H4,H5,H6 berfungsi untuk membuat header dengan format 6 jenis ukuran huruf dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai “left”, “center”, “right” yang menspesifikasikan posisi horizontal dari header (default: “left”).
Sintaks:
<hx align=”left”|”center”|”right”>
……………………..
</hx>
x : 1 … 6
ELEMENT B (Bold)
Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold).
Sintaks:
<b>
……………………..
</b>
ELEMENT I (Italic)
Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).
Sintaks:
<i>
……………………..
</i>
ELEMENT U (Underline)
Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
Sintaks:
<u>
……………………..
</u>
ELEMENT PRE (Preformated text)
Element PRE berfungsi untuk menampilkan teks seperti apa adanya.
Sintaks:
<pre>
……………………..
</pre>
ELEMENT CENTER
Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah.
Sintaks:
<center>
……………………..
</center>
ELEMENT BASEFONT
Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran huruf dengan nilai “1″ sampai dengan “7″ pixel, atau berupa ukuran relatif ( + atau - ), default nya adalah “3″ pixel. Element ini tidak mempunyai tag penutup.
Sintaks:
<basefont size=”pixel”>
ELEMENT FONT
Element FONT berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf. Element ini mempunyai attribute color untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatasi dengan koma), dan size untuk merubah ukuran huruf (pixel).
Sintaks:
<font color=”warna” face=”font” size=”pixel”>
……………………..
</font>
ELEMENT HR (Horizontal Rule)
Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal (”left”, “center”, “right”), size untuk ukuran ketebalan garis (”pixel”), width untuk ukuran panjang garis (”persen”), dan noshade (garis solid).
Sintaks:
<hr align=”left”|”center”|”right” size=”pixel” width=”persen” noshade>
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pemformatan teks.
MATERI:
Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule)
ELEMENT BR (Line Break)
Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup.
Sintaks:
<br>
ELEMENT P (Paragraph)
Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di awal dan akhir paragraf. Tag penutup </p> sifatnya optional jika suatu paragraf diikuti oleh paragraf berikutnya. Jika tag </p> diabaikan, maka paragraf itu tidak akan diikuti dengan baris kosong di akhir paragraf.
Element P mempunyai attribute yaitu align yang bernilai “left”, “center”, “right” yang menspesifikasikan posisi tepi horizontal dari paragraf (default: “left”).
Sintaks:
<p align=”left”|”center”|”right”>
……………………..
</p>
ELEMENT H1,H2,H3,H4,H5,H6 (Header)
Element H1,H2,H3,H4,H5,H6 berfungsi untuk membuat header dengan format 6 jenis ukuran huruf dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai “left”, “center”, “right” yang menspesifikasikan posisi horizontal dari header (default: “left”).
Sintaks:
<hx align=”left”|”center”|”right”>
……………………..
</hx>
x : 1 … 6
ELEMENT B (Bold)
Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold).
Sintaks:
<b>
……………………..
</b>
ELEMENT I (Italic)
Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).
Sintaks:
<i>
……………………..
</i>
ELEMENT U (Underline)
Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
Sintaks:
<u>
……………………..
</u>
ELEMENT PRE (Preformated text)
Element PRE berfungsi untuk menampilkan teks seperti apa adanya.
Sintaks:
<pre>
……………………..
</pre>
ELEMENT CENTER
Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah.
Sintaks:
<center>
……………………..
</center>
ELEMENT BASEFONT
Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran huruf dengan nilai “1″ sampai dengan “7″ pixel, atau berupa ukuran relatif ( + atau - ), default nya adalah “3″ pixel. Element ini tidak mempunyai tag penutup.
Sintaks:
<basefont size=”pixel”>
ELEMENT FONT
Element FONT berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf. Element ini mempunyai attribute color untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatasi dengan koma), dan size untuk merubah ukuran huruf (pixel).
Sintaks:
<font color=”warna” face=”font” size=”pixel”>
……………………..
</font>
ELEMENT HR (Horizontal Rule)
Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal (”left”, “center”, “right”), size untuk ukuran ketebalan garis (”pixel”), width untuk ukuran panjang garis (”persen”), dan noshade (garis solid).
Sintaks:
<hr align=”left”|”center”|”right” size=”pixel” width=”persen” noshade>
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan daftar urutan.
MATERI:
Element OL(ordered list), Element UL(unordered list), Element LI(list item).
ELEMENT OL (Orderd List)
Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start=”1″ type=”1″ ). Dalam element OL harus terdapat beberapa element LI.
Sintaks:
<ol start=”number” type=”A”|”a”|”I”|”i”|”1″>
……………………
</ol>
ELEMENT UL (Unordered List)
Element UL berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet). Element ini mempunyai attribute yaitu type. Attribute type berfungsi untuk memilih bentuk bullet yang digunakan. Nilai dari pada attribute type ini adalah “circle”, “square” dan “disc” . Dalam element UL harus terdapat beberapa element LI.
Sintaks:
<ul type=”circle”|”square”|”disc”>
……………………..
</ul>
ELEMENT LI (List Item)
Element LI merupakan isi dari pada daftar. Element ini harus berada di dalam element OL atau UL. Element ini mempunyai attribute type dan value. Nilai attribute type adalah A,a,I,i,1,circle,square,disc dan attribute value berisikan nilai nomor urutan dari attribute type.
Sintaks:
<li type=”A”|”a”|”I”|”i”|”1″|”circle”|”square”|”disc”>
……………………..
</li>
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan tabel.
MATERI:
Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data)
ELEMENT TABLE
Element TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding(jarak antara tepi sel dengan isi sel), cellspacing(jarak antara sel), width(lebar tabel), height(tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD.
Sintaks:
<table
align=”left”|”center”|”right”
bgcolor=”color”
border=”pixel”
cellpadding=”pixel”
cellspacing=”pixel”
width=”pixel”|”%”
height=”pixel”|”%” >
……………………
</table>
ELEMENT CAPTION
Element CAPTION berfungsi untuk membuat judul dari tabel. Element ini harus berada di dalam element TABLE dan mempunyai attribute align dengan nilai top(judul terletak di atas tabel), dan bottom(judul terletak di bawah tabel).
Sintaks:
<caption align=”top”|”bottom”>
……………………..
</caption>
ELEMENT TR (Table Row)
Element TR mendefinisikan baris pada tabel dan element ini harus berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Attribute yang terdapat pada element ini adalah align, valign(posisi vertikal), dan bgcolor.
Sintaks:
<tr
align=”left”|”center”|”right”
valign=”top”|”middle”|”bottom”
bgcolor=”color”>
……………………..
</tr>
ELEMENT TH (Table Header) dan TD (Table Data)
Element TH dan TD merupakan informasi pada tabel. TH mendefinisikan isi sel sebagai header sel pada kolom tabel dan datanya tercetak tebal dan dengan posisi ditengah sel. Element TH dan TD ini harus terletak di dalam element TR. Attribute kedua element ini adalah align, valign, bgcolor, colspan, rowspan
Sintaks:
<th
align=”left”|”center”|”right”
valign=”top”|”middle”|”bottom”
bgcolor=”color”
colspan=”number”
rowspan=”number”>
……………………..
</th>
<td
align=”left”|”center”|”right”
valign=”top”|”middle”|”bottom”
bgcolor=”color”
colspan=”number”
rowspan=”number”>
……………………..
</td>
5-HTML IMAGE (GAMBAR) ::
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menampilkan gambar.
MATERI:
Element IMG (Image)
ELEMENT IMG
Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama file-nya).
Sintaks:
<img
align=”left”|”right”|”top”|”middle”|”bottom”
alt=”text”
border=”pixel”
width=”pixel”|”%”
height=”pixel”|”%”
hspace=”pixel”
vspace=”pixel”
src=”uri”>
6-HTML HYPERLINK ::
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menghubungkan ke internal atau eksternal halaman web.
MATERI:
Element A
ELEMENT A
Element A befungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href, name, dan target. Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web. Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor). Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.
Sintaks:
<a href=”uri” name=”name” target=”_blank”|”parent”|”_top”|”_self”>
………………………
</a>
7-HTML FORM ::
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan form.
MATERI:
Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA
ELEMENT FORM
Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST).
Sintaks:
<form action=”action” method=”GET”|”POST”>
………………………
</form>
ELEMENT INPUT
Element INPUT berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value, checked.
Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/reset/submit, checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM.
Sintaks:
<input
name=”name”
size=”number”
type=”text”|”checkbox”|”radio”|”submit”|”reset”
value=”value”
checked >
ELEMENT SELECT
Element SELECT berfungsi untuk mendefinisikan opsi pilihan pada form kontrol. Element ini mempunyai attribute yaitu name, size, multiple(diizinkan banyak pilihan). Element ini harus berada di dalam element FORM.
Sintaks:
<select
name=”name”
size=”number”
multiple >
…………………
</select>
ELEMENT OPTION
Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION.
Sintaks:
<option
selected
value=”number” >
…………………
</option>
ELEMENT TEXTAREA
Element TEXTAREA berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows. Attribute name mendefinisikan nama input kontrol form element textarea, attribute cols mendefinisikan jumlah kolom textarea yang terlihat, dan attribute rows mendefinisikan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM
Sintaks:
<textarea
name=”name”
cols=”number”
rows=”number” >
…………………
</textarea>
8-HTML FRAME ::
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element frame untuk menampilkan informasi dalam bentuk subwindows.
MATERI:
Element FRAMESET, Element FRAME, Element NOFRAMES
ELEMENT FRAMESET
Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border , bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY.
Sintaks:
<frameset
cols=”list”
rows=”list”
border=”pixel”
bordercolor=”color”
frameborder=”yes”|”no”
framespacing=”pixel”>
………………………
</frameset>
ELEMENT FRAME
Element FRAME mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attribute yaitu name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (dokumen yang ditampilkan pada frame). Element ini tidak mempunyai tag penutup.
Sintaks:
<frame
name=”name”
marginheight=”pixel”
maginwidth=”pixel”
bordercolor=”color”
frameborder=”yes”|”no”
noresize
scrolling=”yes”|”no”
src=”uri”>
ELEMENT NOFRAMES
Element NOFRAME mendefinisikan isi yang akan ditampilkan jika suatu frame tidak dapat diakses .
Sintaks:
<noframes>
…………………
</noframes>
HTML.
Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.
Pengenalan HTML
Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention “.htm” atau “.html”.
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini:
<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>
</html>
Simpan file tersebut dengan pilihan “save as” ke C:\My Documents dengan nama “websiteku.htm.” Kemudian buka browser dari menu File, klik Open dan tujukan ke C:\My Documents\websiteku.htm “klik Ok” maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: ” <”, ” >” dan “/”, untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka ” <…>”dan diakhiri dengan tag penutup ” </…>”. Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolor=”0000ff”>, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka ” <html>” dan tag penutup ” </html>” dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.
Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
<html>
<head>
<title>Disini titel websiteku</title>
</head>
<body>
Disini adalah konten yang tampil di browser
</body>
</html>
Tag pertama pada dokumen HTML diatas adalah: ” <html>” tag ini merupakan awal dari suatu dokumen HTML, dan tag ” </html>” merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag ” <head>…</head>” (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah ” <title>…</title>” merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan “Disini titel websiteku”Tag “<body>…</body>” merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).
Format Font HTML
Tag HTML untuk font adalah <font>…</font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1><font face="Verdana">Judul dengan font Verdana</font></h1>
<p><font face="Times">Konten dengan font Times</font></p>
Untuk membuat ukuran (size):
<h1><font size="5">Judul dengan size 5</font></h1>
<p><font size="3">Konten dengan size 3</font></p>
Untuk membuat warna font (color):
<h1><font color="blue">Judul dengan warna biru</font></h1>
<p><font color="red">Konten dengan warna merah</font></p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br>
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>
</body>
</html>
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face=”Jenis font yang digunakan”, contoh: face=”Tahoma”
size=”Ukuran dari font (1-7)”, contoh: size=”3″
size=”Memperbesar ukuran font”, contoh: size=”+1″
size=”Memperkecil ukuran font”, contoh: size=”-1″
color=”Warna dari font”, contoh: color=”blue”
color=”Warna dari font”, contoh: color=”#FF0000″
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaanya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1 style="font-family:verdana">Judul Menggunakan font verdana</h1>
<p style="font-family:tahoma">Konten menggunakan font tahoma</p>
Untuk membuat ukuran (size):
<h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
<p style="font-size:80%">Konten dengan ukuran 80%</p>
Untuk membuat warna font (color):
<h1 style="color:blue">Judul dengan warna Biru</h1>
<p style="color:red">Konten dengan warna merah</p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<p style="font-family:verdana;font-size:80%;color:green">
Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br>
menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>
</body>
</html>
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.
Format text HTML
Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>
Untuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>
Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Kemudian ada <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Selanjutnya tag <!–…–> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikasn oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :
<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang mempelajari format-format teks.<br>
Contoh-contohnya adalah sebagai berikut:</p>
<p>Teks Normal<br>
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah Emphasized</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br>
Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p>
</body>
</html>
Preview
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:
<html><body><pre> <b>PUITUIS ASA</b> Hari ini... Aku sedang belajar... Belajar tentang HTML. Sulit 'ntuk dimengerti, Karena banyaknya teks-teks aneh. Tapi biarlah... Akan kucoba... Sampai pingsan.</pre></body></html>Hyperlink HTML
Hyperlink digunakan untuk menghubungkan antar halaman dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:
<html>
<head></head>
<body>
<p>Aku sekarang sedang membuat hyperlink</p>
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a><br>
<a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com
<p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p>
<a href="http://www.mp3.com/"target="_blank">Website Musik</a>
<p>Agar hyperlink tidak bergaris bawah:<p>
<a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>
<p>Hyperlink ke suatu halaman tertentu dalam web:<p>
<!--dengan catatan anda harus tau nama halaman tujuan tersebut-->
<a href="http://wordpress.htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman belajar css.
</body>
</html>
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan extentionnya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
<a href=”http://www.yahoo.com”> <img src=”yahoo.gif” border=”0″ width=”147″ height=”31″></a>
Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda “…”sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align=”…”, left= kiri, center= tengah dan right= kanan.
<a href=”http://www.yahoo.com”> <img src=”yahoo.gif” border=”0″ width=”147″ height=”31″ align=”left”></a>
Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:
<a href=”http://www.yahoo.com” title=”Hai… klik gambar ini maka anda akan dibawa ke Yahoo.com“><img src=”contoh.jpg” border=”0″ width=”147″ height=”31″ align=”left” alt=”yahoo”></a>
Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.
<a href=”http://www.yahoo.com”> <img border=”0″ src=”contoh.jpg” width=”120″ height=”30″ align=”left” alt=”Text Alternatif Yahoo.com“></a>
Background HTML
Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body bgcolor=”#FFFF00″>
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg
<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>
Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:
<html>
<head></head>
<body background="http://i703.photobucket.com/albums/ww40/Jessie4life007/background.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>
FISIKA
1.EBTANAS-05-01
Dibawah ini adalah besaran-besaran dalam fisika.
1. panjang
2. massa
3. kuat arus
4. gaya
Yang termasuk ke dalam besaran pokok adalah ….
A. 1 dan 3
B. 1, 2 dan 3
C. 2 dan 4
D. 3 dan 4
E. 2, 3 dan 4
2. Bola A yang massanya 2 kg bergerak ke kanan dengan kecepatan 20 ms-1 menumbuk bola B yang sedang bergerak ke kiri dengan kecepatan 10 ms-1. Jika massa B 2 kg dan tumbukan lenting sempurna, maka kecepatan A dan B setelah tumbukan adalah ….
A. 20 ms-1 ke kiri dan 5 ms-1 ke kanan
B. 20 ms-1 ke kiri dan 10 ms-1 ke kanan
C. 20 ms-1 ke kanan dan 10 ms-1 ke kiri
D. 10 ms-1 ke kanan dan 20 ms-1 ke kiri
E. 10 ms-1 ke kiri dan 20 ms-1 ke kanan
3.EBTANAS-06-16
Pernyataan di bawah ini merupakan sifat dari gas ideal, kecuali….
A. Tumbukannya lenting sempurna
B. Berlaku hukum Newton
C. Berlaku hukum Coloumb
D. Tidak berlaku hukum Coloumb
E. Bergerak secara acak
4.UAS-SMA-07-21
Jarak dua lampu sebuah mobil 122 cm. Panjang gelombang rata-rata cahaya yang dipancarkan kedua lampu mobil itu 500 nm. Jika nyala kedua lampu itu diamati oleh seseorang yang diameter pupil matanya 2 mm, maka jarak maksimum mobil dengan orang tersebut supaya nyala kedua lampu masih tampak terpisah adalah …
A. 2.000 meter
B. 3.000 meter
C. 6.000 meter
D. 4.000 meter
E. 9.000 meter
5. EBTANAS-05-36
Untuk bilangan kuantum utama n = 2, akam mempunyai bilangan kuantum orbital (l) yang bernilai …
A. 0 dan 1
B. 1 dan 2
C. 2 dan 3
D. 3 dan 4
E. 4 dan 5
MATEMATIKA
6.Untuk menyelesaikan sebuah
bangunan rumah selama 60 hari
dibutuhkan tenaga 12 orang. Agar
pekerjaan tersebut selesai dalam 40
hari, berapa orang tambahan pekerja
yang diperlukan?
a. 5 c. 7
b. 6 d. 18
7. Himpunan Penyelesaian dari :
-2x + 3< - 9 untuk x { } 12 ,…, 3 , 2 , 1 , 0 Î
adalah ….
a. {6,7,8,…,12} c. {0,1,2,…,6}
b. {7,8,9,…,12} d. {0,1,2,…,5}
8. T.ABCD adalah Limas dengan alas
ABCD sebuah persegi dengan
panjang AB = 14 cm. Jika tinggi
Limas 24 cm, maka Luas permukaan
limas adalah … .
a. 196 cm3 c. 896 cm3
b. 700 cm3 d. 1568 cm3
9. Di dalam kandang terdapat bebek dan
kambing sebanyak 15 ekor. Jika
banyak kakinya ada 40 buah, maka
banyaknya kambing adalah … .
a. 4 ekor c. 6 ekor
b. 5 ekor d. 7 ekor
10. Diameter belahan bola padat adalah
12 cm, maka luas permukaannya
adalah …. ( 14 , 3 = p )
a. 113,04 cm2 c. 339,12 cm2
b. 226,08 cm2 d. 452,16 cm2
BAHASA INDONESIA
11.UN-06-01
Bacalah paragraf berikut dengan saksama! Dampak merebaknya penyebaran virus sindrom pernafasan akut parah (Severe Acute Respiratory Sindrome/SARS) dari negeri Jiran, Singapura, mulai mengancam bisnis perhotelan di Batam. Jumlah tamu, baik dari luar negeri maupun dalam negeri merosot hingga tingkat hunian hotel di Batam berkurang hingga sepuluh persen. Demikian kata Public Relation Manager Goodway Hotel Puri Garden, Budi Purnomo, dan pengusaha Novotel Hotel, Anas, ketika dihubungi Kompas di Batam. Ide pokok paragraf tersebut adalah ….
A. dampak penyebaran virus SARS terhadap bisnis perhotelan
B. penyebaran virus SARS dari negeri Jiran (Singapura).
C. virus SARS mengancam bisnis perhotelan di Singapura.
D. dampak virus SARS terhadap penghuni hotel di BATAM
E. dampak penyebaran virus SARS dirasakan oleh para pengusaha.
12.UN-06-10
Bacalah paragraf berikut dengan seksama! Berbagai perkembangan yang terjadi di bidang teknologi informasi dalam beberapa tahun terakhir, hendaknya ditanggapi bukan dengan sikap cemas. Akan tetapi, justru harus dilihat dari sisi positifnya sambil menyiasati berbagai kemungkinan untuk ikut memetik keuntungan dari perkembangan masyarakat. Perkembangan ini, juga mengubah banyak hal dalam masyarakat, mulai dari gaya hidup, kecenderungan mental, dan pandangan hidup … Kalimat yang tepat untuk melanjutkan paragraf tersebut adalah ….
A. Jadi, kita harus waspada terhadap berbagai pengaruh perkembangan.
B. Meskipun demikian, kita tidak perlu memikirkan perkembangan tersebut.
C. Hal ini, menunjukkan bahwa kita akan dipengaruhi oleh teknologi.
D. Dapatlah dipastikan bahwa kita akan terperangkap oleh teknologi.
E. Dengan begitu siapa tahu nasib kita dapat berubah menjadi lebih baik.
13.UN-06-14
Bacalah paragraf berikut dengan saksama! (1) Salah satu penyebab terjadinya unjuk rasa karena ketidakpercayaan terhadap pelaksanaan berbagai; aturan. (2) Pada pengunjuk rasa tidak menemukan pelam- piasan atas ketidakpuasan yang dirasakannya. (3) Tekanan marah yang tidak menemukan celah untuk keluar akhirnya menjadi amuk masa (4) Hal-hal tersebut mengakibatkan berbagai unjuk rasa sering berujung pada anarkisme masa jika aspirasi mereka tidak tersalurkan. (5) Mereka ingin reaksi mereka diperhatikan. Kalimat yang tidak merupakan sebab dalam paragraf tersebut adalah nomor …
A. (1) B. (2) C. (3) D. (4) E. (5)
14.”Oo, kau marah, Pak Tua? Ah, sudah tua suka marah-marah!” “Huss! Apakah kau anggap aku ini pak tuamu?” “Aku bukan kangmasmul” bentak kakek-kakek itu lagi. “Oo, iya! Tentunya aku harus memanggilmu mbah, ya! Aku lupa, sungguh. Tapi sehetulnya awal tadi telah aku ingatkan jika aku bersalah. Siapa bersalah wajib diingatkan. Jika tidak demikian? Coba gambarkan, betapa banyak kesalahan yang akan kuperbuat selanjutnya.” Kakek itu tertunduk. Wajahnya berubah terang. lalu bicara dengan suara yang tak berdaya. “Betulkah bicaramu? Aku sudah tampak sangat tua?” “Mengapa?” “Pantas kau panggil mbah?” “Hi-hi-hi! Pertanyaanmu itu! Kau sekarangkentara sekali merasa sedih! Mengapa” Apakah karena umurmu yang lanjut, apa karena tidak tahu bahwa kau sudah tua?” “Jangan bersenda-gurau, Kenes, aku betul-betul bertanya!” Tikungan di Dekat Bendungan oleh St. Ismariasita UN-06-25 Konflik yang tergambar dalam kutipan cerpen tersebut tentang …
A. panggilan yang disampaikan kepada kakek dengan kata mbah dan mas
B. kecemasan tokoh kakek akan ketuaan usianya
C. ketidakcocokan penggunaan kata sapaan dengan realitas
D. tokoh Kenes menentukan usia seseorang, sudah tua ataukah masih muda
E. kakek dan Kenes memperebutkan sapaan mbah dan mas
15.UN-06-26 Watak tokoh Kakek dalam kutipan cerpen tersebut adalah….
A. pemarah B. pendendain C. pemalu D. penyabar E. perasa
BAHASA INGGRIS
16.Text 9. This text is for questions 16 to18 . Two students were discussing the school’s new rule that all the students must wear a cap and a tie One of them showed her annoyance. She said that wearing a cap and a tie was only suitable for a flag rising ceremony. So, she was against the rule. Contrary to the girl’s opinion, the other student was glad with it. He said that he didn’t mind with the new rule because wearing a cap and a tie will make the students look great and like real educated persons. The first student gave the reasons that they would feel uncomfortable and hot. Moreover, the classrooms were not air conditioned. The second said it wasn’t a big problem.He was sure that the students would wear them proudly. They would surely be used to it any way.
UN-SMA-07-40 The two students are discussing …
A. the facilities in school
B. their homework
C. their uniform
D. their friends
E. their family
17. UN-SMA-07-41
The boy said that he agreed with the new rule in his school. Which statement shows his agreement?
A. He was not annoyed.
B. He would not obey the rule.
C. He didn’t care of the rule.
D. He didn’t like wearing a cap and tie.
E. He didn’t mind wearing a cap and tie.
18. UN-SMA-07-42 The boy believed that all students would …
A. have a high spirit to study
B. solve their own problems
C. care for their environment
D. follow the new rule,
E. feel uncomfortable
19.Text 5 This text is for questions 24 to 27.
The University of Australia The University of Australia has an international reputation for educational professionals and for applied research. It is Australia’s largest university, with six campuses, including a specialized technology campus. The university places particular importance on the quality of its teaching and learning programs, and on its working links with industry, business and government. UN-SMA-07-24 The whole paragraph promotes that …
A. the University of Australia offers excellent educational programs
B. the University of Australia is the largest university in the country
C. the University of Australia has a specialized technology campus
D. the university places particular importance on technology
E. the university has six campuses
20. UN-SMA-07-25 Which information is NOT TRUE about the University of Australia? A. It has an international educational reputation,
B. It also has a specialized technology campus,
C. It has six technology campuses,
D. It is Australia’s largest university,
E. It has good relation with industry.
BIOLOGI
21.UAS-SMA-07-01
Kucing, anjmg dan harimau memiliki kesamaan antara
lain struktur gigi dan jenis makanannya. Oleh karena
itu, hewan tersebut dikelompokkan dalam satu takson
yang sama, yaitu …
A. filum
B. kelas
C. ordo
D. famili
E. genus
22.UAS-SMA-07-26
Peristiwa etiolasi pada kecambah terjadi karena …
A. pertumbuhan terhambat akibat banyak cahaya
B. pertumbuhan cepat akibat tidak ada cahaya
C. menumpuknya auksin pada bagian batang
D. terhambatnya auksin karena kurang cahaya
E. dormansi biji-bijian karena faktor kelembapan
23.UAS-SMA-07-27
Seorang siswa ingin meneliti pengaruh cahaya lampu
terhadap banyaknya oksigen yang diproduksi oleh
Hydrilla. Manakah yang tergolong variabel bebas …
A. siswa
B. intensitas cahaya lampu
C. volum oksigen
D. Hydrilla
E. tabung reaksi
24.UAS-SMA-07-28
Berikut adalah jenis enzim yang termasuk dalam
golongan karbohidrase, kecuali …
A. katalase
B. sellulose
C. hidrolase
D. sitokrom
E. karboksilase
25.UAS-SMA-07-33
Fase-fase sintesa protein ;
1. RNA d meninggalkan inti menuju ribosom
2. RNA t mengikat asam amino yang sesuai
3. RNA d dibentuk di dalam inti oleh DNA
4. asam amino berderet sesuai dengan urutan kode
genetik
5. pembentukan protein yang diperintahkan
Urutan yang sesuai dengan sintesa protein adalah …
A. 3, 2, 1, 4, dan 5
B. 1, 2, 3, 4, dan 5
C. 3, 1, 2, 4, dan 5
D. 5, 4, 1, 2, dan 1
E. 2, 3, 4, 1, dan 5
KIMIA
26.UAS-SMA-07-01
Isotop Al 57
13 terdiri dari …
A. 13 proton, 14 elektron dan 27 neutron
B. 13 proton, 13 elektron dan 27 neutron
C. 13 proton, 13 elektron dan 14 neutron
D. 14 proton, 14 elektron dan 13 neutron
E. 27 proton, 27 elektron dan 14 neutron
27.UAS-SMA-07-16
Nama senyawa yang benar dari
CH3–CH–CH–CH3
| |
CH3 C = O
|
H
Adalah …
A. hexanal
B. 2-butanal
C. 2- metil pentanal
D. 3-metil-2-butanal
E. 2,3- dimetil butanal
28.UAS-SMA-07-17
Pada senyawa karbon berikut:
I. 2 - metil - 1 - butanol
II. 3 - metil – butanal
III. metil – butanoat
IV. 2–pentanon
yang merupakan isomer adalah …
A. I dan II
B. I dan III
C. II dan III
D. II dan IV
E. III dan IV
29.UAS-SMA-07-18
Dari senyawa haloalkana berikut:
I. Teflon
II. Halotan
III. Kloroetana
IV. Etilbromida
Yang berguna sebagai obat bius adalah …
A. I dan II
B. I dan III
C. II dan III
D. II dan IV
E. III dan IV
30.UAS-SMA-07-19
Suatu senyawa karbon dengan rumus molekul C2H6O
dapat bereaksi dengan logam natrium dan juga dengan
PC13. Berdasarkan hal ini, senyawa karbon tersebut
mengandung gugus fungsi …
A. –OH
B. –O–
C. –CO–
D. –COH
E. –CO2–
1. Software Desain : Membuat desain layout homepage, sebagai awal dalam membuat web biasanya para web designer dimulai dengan software ini sebagai tampilan sementara dan variasinya.
•Adobe Photoshop : Desain berbasis titik ( bitmap )
•CorelDraw : Desain berbasis vector (garis)
•Macromedia Firework : Design & terjemahkan/optimalkan bitmap dalam bentuk web
•Adobe Image Ready : Memotong image dalam format html
•Adobe Illustrator : Desain berbasis vector
• Macromedia Freehand : Desain berbasis vector
Software Efek Desain : Berguna untuk menghidupkan desain yang telah kita rancang.
• Painter : Memberikan efek lukisan
• Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
• Plugins Photoshop : Memberi efek desain saat mendesain layout homepage di Photoshop.
Software Animasi : Menambahkan animasi agar kelihatan lebih menarik dan hidup.
• 3D Studio Max : Untuk membuat objek dan animasi 3D.
• Gif Construction Set : Membuat animasi file gif
• Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
• Microsoft Gif Animator : Membuat animasi file gif
• Swift 3D : Merancang animasi 3D dengan format file FLASH.
• Swish : Membuat berbagai macam efek text dengan format file FLASH.
• Ulead Cool 3D : Membuat animasi efek text 3D.
Software Capture : Untuk mengambil sebagian gambar dr image lain
• Snagit : Untuk capture dan juga bisa edit hasilnya.
Software Web Editor : Istilah lainnya adalah CMS (Content Management System), Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan bahasa script.
• Macromedia Dreamweaver : Editor yg umum dipakai dgn berbagai fasilatas visual tuk kemudahannya.
• Microsoft Frontpage : Editor lama, sebelum mengenal dreamweaver bawaan microsoft
• Joomla : CMS free, dipakai tuk web / blog yg sering update berita.
• WordPress : seperti joomla hanya tidak selengkap joomla tp lebih mudah pemakaiannya.
Software Upload : File html diletakkan ( upload ) di suatu tempat ( hosting ) agar orang dapat melihat homepage di internet.
• FileZilla FTP : free FTP dan banyak dipakai para bloger
• Cute FTP : FTP yg gw pake cos lebih familiar
• Macromedia Dreamweaver : Fasilitas Site FTP
• Microsoft Frontpage : Fasilitas Publish
Sound Editor : Buat yg berjiwa music bisa menhidupkan web/blog dengan software ini. Tools tuk manipulasi file midi atau wav.
• Sound Forge : Manipulasi efek file yang berformat mp3 dan wav.
• Cakewalk : Manipulasi efek untuk file yang berformat midi
Browser : Untuk menampilkan hasil web / blog dalam local computer atau dunia maya luar.
• Internet Explorer : Web browsing standar bawaan Microsoft
• Mozilla FireFox : Browser terbaik yg popular
• Opera : Browser yang memiliki segudang fitur
• Netscape : Browser yang memiliki pengaman terhadap virus dan spyware
2.
a.) Keunggulan FrontPage
o Mudah penggunaannya
o Memiliki tampilan yang mirip Microsoft Word. Bila Anda terbiasa menggunakan Microsoft Word, tidak terlalu mengalami kesulitan dalam menggunakan program ini.
o FrontPage sangat hemat untuk urusan pembuatan website statis, yaitu website yang bersifat satu arah, tidak memiliki sarana komunikasi antara pengunjung dengan pemilik situs. Itu dikarenakan kemudahan dalam pemakaiannya, serta tidak perlu dipusingkan dengan urusan pembuatan kode-kode HTML dalam mendesain sebuah website sebab FrontPage secara otomatis akan membuatnya.
b.) Keunggulan Microsoft Publisher
Kita dapat membuat halaman web, dengan template atau desain yang kita inginkan dengan tampilan terlihat Professional.
Keunggulan utama dari Microsoft Publisher adalah sangat mudah digunakan dan membantu kita membuat website dalam waktu singkat. Beberapa keunggulan lainnya yang terdapat pada Microsoft Publisher adalah :
q Tidak memerlukan pengalaman dan keahliah pemrogaman HTML dan program web lainnya.
q Drag and drop the objek dengan tampilan layout dan desain berbasis WYSIWYG (What You See Is What You Get).
q Dapat membuat website terdiri dari beberapa pages (halaman) dan mudah mengaturnya sewaktu-waktu.
q Dapat digunakan untuk membuat website dalam jumlah tidak terbatas.
q Memiliki template yang dapat digunakan untuk membuat web secara instan
q Dapat menggunakan CSS style sheet untuk mengatur tampilan website
q Memiliki banyak fungsi : thumbnail, mouse-over effects, ready-to-use java script effects, text link style sheet, tables, forms, iFrames dan lain-lain
q Website yang kita buat dapat diupload sewaktu-waktu dengan fungsi Publisher
q Website yang dibuat kompatibel pada berbagai web browser.
3. Prosedur atau cara menjalan Microsoft Publiser
a.) Mengaktifkan Microsoft Publisher
Sebelum mengaktifkan Microsoft Publisher, Installah terlebih dahulu software Microsoft Publisher ke komputer. Setelah itu, Anda dapat mengaktifkan Microsoft Publisher dengan langkah-langkah sebagai berikut.
· Klik menu Start
· Arahkan pointer mouse pada All Programs
· Arahkan pointer mouse pada Microsoft Publisher
· Klik Microsoft Publisher
|
|
|
Untuk pembuatan website ini kita menggunakan cara yang bersifat automatic / instant yang nanti pada akhirnya kita dapat mengedit / merubah sesuai dengan keinginan kita. Untuk sementara kita biarkan Microsfot Publisher membuatkannya untuk kita berdasarkan konsep yang sudah kita persiapkan.
hari itu tepet pda hari jumat da pljran TIK yach bysa cri suasana bening ma pak herman dsuruh bwt logo pribadi wach saat itu nag2 VEGAS bingng gmna cranya pdhal wktu extra comp. gag pernah nerhatiin guru extra malah nngobrol ndiri .
saat itu aq bngung bgt tyus dri hum au langsng buat logo pribadi au heeeee… ternyata au bisa (yo gag combong rek) tyus tak apik i wach au cneng bgt logo au jd dan paginya au setor ke pak ustadz yg kala itu dtunjuk pak herman bwt kmpulin tgas2 logo nag2…
nie LOGO pribadi au…
MAJULAH INDONESIAKU..
Kobarkanlah jiwa kesatriamu
Kobarkanlah rasa cintamu
Kobarkanlah semangaat janjimu
Indonesia takkan memaksa
Indonesia takkan memaksa
Tapi Indonesia akan menunggu
Kapan pemuda beraksi
Hilangkan rasa memilih
Hilangkan rasa bencimu
Hilangkan rasa bperbedaanmu
Kita pemuda Indonesia
Dengan semangat 28 oktober
Kita rangkul saudara kita
Dan mewujudkan Indonesia bersatu
Sekali lagi , dan sekali lagi!!!!
Pejuang pemuda yang terdahulu
Akan bangga kalau pemuda
Indonesia sekarang tak perlu ,menunggu aba-aba
Tapi bersiap untuk membangun bangsa
Indonesia tak akan menunggu!!!
Tapi Indonesia akan melihat
Sekarang tangan dan kaki kita
Para pemuda mau membangun
Bangsa INDONESIA!!
saat pelangi biaskan warna jingga
ada letup kebagahiaan tersendiri
menyelimuti hatiku
saat ku mulai membuka mata
tak terasa pemuda-pemuda indonesia
bergerak menuju tanah air tumpah darah
darah mereka untuk berjuang
wahai pemuda-pemuda indonesia
bergeraklah tangan dan kakimu
untuk berjuang ke indonesia maju
singsingkan lengan bajumu
agar kau bergerak dalam pembangunan
demi indonesia berjuang
demi indonesia kita maju
pemuda-pemuda indonesia
janjimu akan selalu diingat
wahai pemuda-pemuda indonesia……
majulah bersama kreasi,terampil,dan mandiri
TENANGKU…
Malam tak seindah dulu
Siang tak secerah dulu
Pagi tak sesejuk dulu
Apakah kau tahu kenapa
Adakalanya diriku termenung dalam setiap detik
Napasku,aku mencoba berlari dari lamunanku
Sejenak, kembali berdiri dan berlari lagi
Tapi entah kenapa hati ini tak menemukanmu
Ku sudah berlari
Ku sudah berdiri
Kemudian berdiri dan berlari lagi tapi apa yang kudapat
Hamparan kekosongan jiwa yang lara serta luka hati yang tak kunjung sirna
Aku mencoba kembali berdiri tanpamu sekarang
Burung terbang meninggalkan sarangnya
Itulah kau sekarang kau meninggalkanku,
Berlalu tanpa senyum
Kumohon kembalilah disampingku
Kembalilah bersamaku,kembali dengan tawa ceriamu
Tapi itu semua hanya mimpi sejenak ku terbangun dalam lamunanku
Kemudian ku tersadar dalam suka dukaku ternyata kau benr bener tlah pergi
Meninggalkanku tak kembali
Aku harap nanti kubisa bertemudenganmu lagi
Memelukmu dan berbagi suka duka denganmu
Membagi tawaku untukmu hanya untukmu
Berjanjilah disana kau baik baik saja
Berjanjilah disana kau takkan melupakanku
Dan berjanjilah disana kau masih ingin bertemu denganku
Karena aku disini sendiri tanpamu
Tanpa tawamu….
Tanpa napasmu…
Tanpa kasihmu..
Janjimu akan kunanti dan kutunggu
Karena itu ganti dari setiap harimu disampingku dulu
Karena semua yang kau lakukan untukku
Adalah tenangku bersamamu……
Indra p.sinaga poenya dhicha
By : dhicha
17-10-2009
sumpah pemuda dilaksanakan pada tgl 28 oktober 1928 , semua tentang indonesia bagi pemuda berawal disana pada saat itu pemuda-pemuda indonesia bersama-sama untuk pembela tanah air dan berjanji sampai titik darah terakhir bahwa mereka akan mwlakukan apapun demi indonesia dengan tekat mereka dengan bangga mereka membawa bendera kemenangan indonesia bertempat di sebuah tempat yang sangat gersang arek-arek indonesia bersatu dan mengumandangkan janji setia mereka untuk satu nusa satu bangsa , satu bahasa bahasa indonesia ,satu tanah air tanah indonesia , satu bendera ,bemdera indonesia
text sumpah pemuda
