Three IT Community

Link HTML

Link HTML-Created by Rama Aditya Maulana/Komang Atkinson

Setelah kita mempelajari Text Formatting With HTML Langkah Selanjutnya adalah bagaimana caranya membuat Link (hyperlink) yang menghubungkan satu dokumen dengan dokumen yang lain, atau satu website dengan website lain.Untuk Mengetahuinya, simak pelajaran berikut!

Link (Hubungan) pada html menggunakan tag anchor <a>.Bagan dari pada Link adalah:

<a href=”http://threeitcommunity.blogspot.com/”>
[Label/Teks untuk mendefinisikan Link]
</a>

Bisa kita ambil contoh seperti berikut!

<a href =”http://threeitcommunity.blogspot.com/”>
Three IT Community
</a>

Biasanya Teks yang di identifikasikan sebagai link,Browser akan memberikan warna biru tua sebagai pertanda bahwa teks tersebut adalah link.href menunjukan Lokasi Link atau nama file,jadi kalian harus menuliskannya dalam tanda kutip.

Tahukah Kamu??
Link atau Hyperlink menurut bahasa inggris dapat di artikan sebagai hubungan atau menghubungkan.
Jadi,Link dalam HTML juga dapat di artikan sebagai suatu kode yang menghubungkan suatu alamat/ file yang satu dengan alamat/file yang lain baik dalam internet atau bukan dalam internet.

Ada 3 Jenis Link yang perlu kalian ketahui:
1. Link Relatif
2. Link Absolut
3. Link dalam dokumen yang sama

1. Link Relatif

Link relatif dibuat untuk membuat suatu hubungan (link) dari page kamu ke page lain pada komputer yang sama.Syarat membuat link relatif adalah sebagai berikut!
Di buat pada satu komputer.
Tidak memerlukan alamat internet yang lengkap.
Harus dalam direktori/Folder yang sama.

Kalian dapat menuliskannya sebagai berikut:
<a href=”file_2.html”>Next</a>

*Tambahan: file tidak selalu dalam bentuk html,dalam bentuk word (doc) atau Powerpoint (ppt) juga bisa.

2. Link Absolut

Link Absolut di buat untuk membuat hubungan dari webpage satu ke page lainnya di internet.Dalam hal ini, kamu harus menulis alamat internet dengan lengkap.Link ini sering sekali kita temui.Contoh:

<a href=”http://facebook.com/”>Facebook</a>

3. Link dalam dokumen yang sama

Kalian Pernah membuka salah satu artikel dari wikipedia kan? salah satu dari artikel tersebut menyediakan daftar isi.Ketika kalian klik salah satu isinya,kalian akan di bawa kepada penjabaran dari daftar isi yang kalian klik tersebut.Link yang di gunakan oleh si admin wikipedia itu,adalah link jenis ketiga ini,link dalam dokumen yang sama.
Sekarang kalian akan mempelajarinya,berikut adalah penjelasannya!!

untuk membuat Sebuah Link dalam dokumen yang sama,ada 2 sintaks yang harus kalian ketahui,yaitu <a name=”tujuan”> dan <a href=”#Link yang di tuju”>.

Bisa Kita ambil contoh:

<a name=”Bab 4”></a>
<a href=”#bab 4”></a>

Keterangan:

<a href=”#bab 4”></a> adalah link yang menuju kepada Bab 4
Sedangkan &<a name=”bab 4”></a> adalah tujuan dari <a href=”#bab 4”></a>

Materi Tambahan

Link ke Mail

Tag yang digunakan masih sama,yaitu tag anchor.Hanya saja yang membedakan Lokasi Linknya <href>.
href (Link Location) yang digunakan adalah email.Bisa kita ambil contoh:

<a href=”mailto:komunitas_it2010@yahoo.com”>
Komuitas IT MTsN 3
</a>

Keterangan:

href yang digunakan adalah “mailto:[email]”
Sehingga bagannya adalah: <a href=”mailto:[email client/email yang dituju]”> {label} </a>

Sekian dulu Tutorial kali ini, Sampai Jumpa di Lain waktu...

Salam hangat,

Komang Atkinson/
Rama Aditya M

Tentang Penulis

Lanjutkan

Label: Tehnik Komputer

Membuat Pengecualian Smadav di Kaspersky

Membuat Pengecualian Smadav di Kaspersky-Created By Rama Aditya Maulana/Komang Atkinson

Banyak di antara kita yang menginginkan Komputer kita kebal terhadap virus (tekbal gitu dah).Baik Virus Lokal maupun Internasional. Menggabungkan 2 Anti Virus lokal dengan internasional mungkin sudah Lazim dilakukan banyak orang.

Seperti Smadav dengan Avira, dsb. Namun ada beberapa anti virus yang terkadang bertabrakan proses scanningnya. Akibatnya fatal. Seperti Kaspersky misalnya, dia menganggap Smadav sebagai virus trojan! dan langsung menghapus Installan dan Antivirus nya. Capcay deh!

Tapi tenang, Smadav tersebut bisa di jadikan pengecualian agar tidak di anggap Virus Trojan oleh kaspersky.Bagaimana caranya? Simak Perjalanan berikut!

1. Download Smadav dan Kaspersky.Smadav yang digunakan yang free saja, tetapi kalau ingin smadav pro, ya monggo, cari key nya sendiri. Untuk Kaspersky, Mohon maaf admin tidak memberi tahu License key nya, karena masih Rahasia Perusahaan.

2.Install satu persatu anti virus tersebut. Jika Kaspersky terlebih dahulu yang di install, setelah proses install selesai, silahkan matikan (exit) kaspersky anda.Kemudian Install Smadav anda.

3. Setelah Proses Instalasi Smadav selesai, kini buka kembali kaspersky anda. ketika muncul notifikasi, klik saja "YES, I TRUST"

4. Kemudian Masuk Kedalam Setting

5. Kemudian klik Detected Thread and Exclusion

6. Pada tab Thread and Exclusion (bagian kiri paling atas), Klik Setting pada Trusted Application

7. Setelah Masuk kedalam Setting, Klik Tab Trusted Application

8. Kemudian klik Add, lalu klik Application

Add Application

9. Pada Kotak Search, ketik Smadsoft, kemudian pilih SmaRTP.exe
Search Smadsoft and Search SmaRTP.exe

dan akhirnya, selesailah penggabungan Smadav dengan Kaspersky!!

Sekian dulu Tutorial kali ini, Sampai Jumpa di lain Waktu!!

Salam Hangat,

Photobucket

Komang Atkinson/
Rama Aditya M

Tentang Penulis

Rama Aditya Maulana atau yang lebih akrab di panggil komang "Atkinson" ini adalah seorang Pelajar Tsanawiyah (Setingkat dengan SMP) yang bersekolah di Madrasah Tsanawiyah Negeri 3 Jakarta.

Email: komangatkinson@yahoo.com

Lanjutkan

Label: Tehnik Komputer

Mempercepat Browser Mozilla Firefox

Mempercepat browser Mozilla Firefox-Created by Reza Farhan Muliawan

1. Ketik about:config di address bar firefox lalu enter
2. Pada isian filter ketik network.http.
3. Lihat entri berikut, ubah nilainya dengan cara dobel klik :
Set network.http.pipelining ke nilai true
Set network.http.proxy.pipelining ke nilai true
Set network.http.pipelining.maxrequests to angka 30. ini berarti firefox salam satu saat akan

melakukan 30 requests. Jangan mengisi dengan nilai lebih besar dari 30, karena beberapa sites akan

menganggap client membahayakan dan memblack list.
Normalnya browser akan melakukan satu request ke sebuah web dalam satu saat. Ketika pipelining diset

enable maka browser akan melakukan beberapa request dalam satu saat, hal ini akan meningkatkan kecepatan load halaman

3. Terakhir klik kanan pada sembarang tempat pilih New-> Integer. Isi kotak isian dengan

nglayout.initialpaint.delay dan berikan nilai 0. Nilai ini adalah jumlah waktu browser menunggu

sebelum browser menjalankan informasi yang diterima

Lanjutkan

Label: Graphic Design

Photoshop

Photoshop dan Kegunaannya-Created by Rama Aditya Maulana/Komang Atkinson

HAPPY NEW YEAR!!! Selamat Tahun 2011 semuanya! tak terasa perjalanan waktu begitu cepat, tahu-tahu sudah ada di tahun 2011 saja... wew!

Oke, untuk mengisi tahun baru ini, harus di isi dengan hal-hal yang baru yang Positif untuk kedepannya nanti.Well, sekarang saya selaku admin ingin memberikan Informasi seputar Photoshop Dasar nih... Mau tau gimana? Langsung Aja Ke TKP dan Selamat Menikmati...

1. Pendahuluan
Siapa sih yang tidak kenal dengan adobe Photshop?Software keren keluaran adobe ini adalah software pengolahan image yang tidak diragukan lagi.belajar photoshop pun bisa menghasilkan uang.belajar photoshop,bisa membuat orang lain terheran-heran melihat karya kita.”kok bisa ya?”,”gimana caranya?”.dsb.Software ini tergolong jenis software yang digunakan seseorang yang ahli di bidang design grafis.kita mungkin sering melihat,gambar yang diedit selucu mungkin atau seindah mungkin.itu semua dapat kita buat melalui Software “adobe Photoshop”.

2. Area Kerja Photoshop
Perhatikan Gambar Berikut!

Keterangan:

A. Tool Bar
B. Menu Bar
C. Pallete Wall
D. Tool Box
F. Area Gambar
G. (dari atas kebawah): navigation palette, color palette, history palette dan layer palette

3. Tool bar dan Menu bar yang terdapat pada Photoshop
Photoshop memang banyak jenisnya,mulai dari Photshop CS 2,Photoshop CS 3,Photoshop CS4,dan yang terbaru,Photoshop CS5 .
Pada point ketiga ini,kita akan membahas tool bar dan menu bar yang terdapat pada photoshop.photoshop yang kami gunakan adalah photoshop CS4.

A. Menu Bar

Fungsi Menu bar pada Gambar diatas adalah sebagai berikut! (dari kiri ke kanan)
1. File
Seperti Pada Software Aplikasi yang lain pada umumnya,Menu bar file berfungsi untuk menyimpan file,membuka file,membuat lembaran baru,mengimport gambar,dsb.

2. Edit
Menu editing secara umum seperti cut, copy, paste, transform image, serta untuk mengatur preferences Adobe Photoshop.

3. Image
Berisi editing image untuk mengatur warna, hue/saturation, brightness/contrast, ukuran.

4. Layer
Berkaitan dengan manajemen layer pada image, seperti menambah layer, menghapus, menambah efek pada layer, serta masking.

5. Select
Berkaitan dengan selection image.

6. Filter
Berhubungan dengan pada Photoshop yang dapat digunakan untuk memberi Efek tertentu pada image.

7. View
Digunakan untuk pengaturan view seperti zooming image, menampilkan skala, dan sebagainya.

8. Window
Digunakan untuk mengatur / menampilkan window

9. Help
Untuk menampilkan help dan tutorial Adobe Photoshop

B. Tool bar

Hampir semua tool pada Toolbox memiliki options, yang ditampilkan pada Tool Option bar. Options tersebut digunakan untuk mengatur nilai parameter atau option dari tool yang sedang aktif/dipilih. Sebagai contoh :

4. Tool Box

A. SELECTION TOOL

A.1. Marquee Tool
Saat kita klik Marquee Tool kita bisa melihat ada 4 jenis marquee tool
1. Rectangular Marquee (Shortcut keyboard: M, atau Shift + M)
Digunakan untuk membuat area selection berbentuk segi empat pada image.
2. Elliptical Marquee (Shortcut keyboard: M, atau Shift + M)
Digunakan untuk membuat area selection berbentuk elips atau lingkaran pada image.
3. Single Row Marquee
Digunakan untuk membuat area selection satu baris pada image (ukuran tinggi selection adalah 1 pixel)
4. Single Column Marquee
Digunakan untuk membuat area selection satu kolom pada image (ukuran lebar selection adalah 1 pixel).

A.2. Move Tool
Shortcut keyboard: V
Digunakan untuk menggeser/memindah selection, layers, dan guides.

A.3. Lasoo Tool

(Shortcut keyboard: L, atau Shift + L untuk mengubah jenis Lasoo) Terdiri dari 3 jenis yaitu:
1. Lasoo
Digunakan untuk membuat area selection dengan bentuk bebas

2. Polygonal Lasoo
Digunakan untuk membuat area selection berbentuk polygon

3. Magnetic Lasoo
Digunakan untuk membuat area selection dengan cara menempelkan
tepi selection pada area tertentu pada image.

A.4. Magic Wand Tool
Shortcut keyboard: W

Digunakan untuk membuat area selection yang memiliki warna serupa.Perbedaan toleransi warna dapat diatur pada tool option bar.

B. CROP & SLICE TOOL

B.1. Crop Tool
Shortcut keyboard: C
Digunakan untuk memangkas image (memotong dan membuang area tertentu dari image)

B.2. Slice Tool
(Shortcut keyboard: K, atau Shift + K untuk mengubah slice)
Terdiri dari 2 jenis yaitu:

1. Slice Tool
Digunakan untuk membuat potongan-potongan dari suatu image

2. Slice Select Tool
Digunakan untuk memilih potongan pada suatu image

C. RETOUCHING TOOL

C.1. Patch/Healing Brush Tool
(Shortcut keyboard: J, atau Shift + J mengubah tool)

1. Patch Tool
Digunakan untuk mengecat/melukis pada area tertentu image dengan pola (pattern) atau sample tertentu. Cocok untuk memberbaiki image yang rusak.

2. Healing Brush Tool
Digunakan untuk mengecat/melukis image dengan pola atau sample tertentu. Cocok untuk memperbaiki image yang agak rusak.

C.2. Stamp Tool
(Shortcut keyboard: S, atau Shift + S untuk mengubah tool) terdiri dari 2 jenis yaitu:

1. Clone Stamp Tool
Digunakan untuk melukis image dengan sample image tertentu

2. Pattern Stamp Tool
Digunakan untuk melukis image dengan menggunakan pola tertentu

C.3. Eraser Tool
(Shortcut keyboard: E, atau Shift + E untuk mengubah jenis eraser)
Terdiri dari 3 jenis yaitu:

1. Eraser
Digunakan untuk menghapus pixel image dan mengembalikannya ke state tertentu.

2. Background Eraser
Digunakan untuk menghapus area tertentu image menjadi transparan.

3. Magic Eraser
Digunakan untuk menghapus area tertentu image yang memiliki warna yang serupa menjadi transparan dengan satu kali klik.

C.4. Sharpen, Blur, Smudge Tool
(Shortcut keyboard: R, atau Shift + R)

1. Sharpen Tool
Digunakan untuk menajamkan area tertentu pada image.

2. Blur Tool
Digunakan untuk menghaluskan/mengaburkan area tertentu pada image.

3. Smudge Tool
Digunakan untuk menggosok/mencoreng area tertentu pada image

C.5. Dodge, Burn, Sponge Tool
(Shortcut keyboard: O, atau Shift + O)

1. Dodge Tool
Digunakan untuk menerangkan warna di area tertentu pada image

2. Burn Tool
Digunakan untuk menggelapkan warna di area tertentu pada image

3. Sponge Tool
Digunakan untuk mengubah saturation di area tertentu pada image.

D. PAINTING TOOL

D.1. Brush Tool
(Shortcut keyboard: B, atau Shift + B untuk mengubah tool) Terdiri dari 2 jenis yaitu:

1. Brush Tool
Digunakan untuk melukis image dengan goresan kuas

2. Pencil Tool
Digunakan untuk melukis image dengan goresan pencil

D.2. History Brush Tool
(Shortcut keyboard: Y, atau Shift + Y untuk mengubah jenis)
Terdiri dari 2 jenis yaitu:

1. History Brush Tool
Digunakan untuk melukis image menggunakan snapshot atau state history dari Image

2. Art History Tool
Digunakan untuk melukis image menggunakan snapshot atau state
history dari image, dengan model artistik tertentu.

D.3. Gradient, Paint Bucket Tool
(Shortcut keyboard: G, atau Shift + G)

1. Gradient Tool
Digunakan untuk mengecat area yang dipilih (selected area) dengan
perpaduan banyak warna.

2. Paint Bucket Tool
Digunakan untuk mengecat area yang dipilih dengan warna foreground
atau pola tertentu.

E. DRAWING AND TYPE TOOL

E.1. Selection Tool
(Shortcut keyboard: A, atau Shift + A untuk mengubah jenis) Terdiri dari 2 jenis yaitu:

1. Path Selection Tool
Digunakan untuk melakukan selection path

2. Direct Selection Tool
Digunakan untuk mengubah anchor dan direction point dari path.

E.2. Type Tool
(Shortcut keyboard: T, atau Shift + T untuk mengubah jenis) Terdiri dari 4 jenis yaitu:

1. Horizontal Type Tool
Digunakan untuk membuat tulisan secara horizontal

2. Vertical Type Tool
Digunakan untuk membuat tulisan secara vertikal

3. Horizontal Type Mask Tool
Digunakan untuk membuat selection berbentuk tulisan secara horizontal

4. Vertical Type Mask Tool
Digunakan untuk membuat selection berbentuk tulisan secara vertikal

E.3. Pen Tool

1. Pen Tool
(Shortcut keyboard: P, atau Shift + P)
Digunakan untuk membuat path dengan lengkung-lengkung yang halus

2. Freeform Pen Tool
(Shortcut keyboard: P, atau Shift + P)
Digunakan untuk membuat path berbentuk bebas (sesuka kita )

3. Add Anchor Point Tool
Digunakan untuk menambah anchor point atau titik editor pada path

4. Delete Anchor Point Tool
Digunakan untuk menghapus anchor point tertentu pada path

5. Convert Point Tool
Digunakan untuk mengubah anchor dan direction point tertentu pada path

E.4. Shape Tool
(Shortcut keyboard: U, atau Shift + U untuk mengubah jenis)

1. Rectangle Tool
Digunakan untuk menggambar bentuk segi empat

2. Rounded Rectangle Tool
Digunakan untuk menggambar segi empat melengkung

3. Ellipse Tool
Digunakan untuk menggambar ellipse

4. Polygon Tool
Digunakan untuk menggambar polygon

5. Line Tool
Digunakan untuk menggambar garis lurus

6. Custom Shape Tool
Digunakan untuk menggambar bentuk tertentu dari daftar bentuk yang ada

F. ANNOTATION, MEASURING & NAVIGATION TOOL

F.1. Notes Tool
(Shortcut keyboard: N, atau Shift + N untuk mengubah jenis)

1. Notes Tool
Digunakan untuk membuat catatan pada image seperti copyright.

2. Audio AnnotationTool
Digunakan untuk membuat suara/audio pada image

F.2. Eyedropper, Measure Tool
(Shortcut keyboard: I, atau Shift + I)

1. Eyedropper Tool
Digunakan untuk mengambil sample warna pada image untuk warna
foreground

2. Color Sampler Tool
Digunakan untuk mengambil berbagai sample warna pada image

3. Measure Tool
Digunakan untuk mengukur jarak atau sudut pada image

F.3. Hand Tool
Shortcut keyboard: H
Digunakan untuk menggeser/memindah bidang pandang image di dalam window view area.

F.4. Zoom Tool
Shortcut keyboard: Z
Digunakan untuk memperbesar atau memperkecil tampilan image.

F.5. Background and foreground color
Supaya default tekan tombol D maka warna foreground dan background menjadi putih dan hitam. Untuk menukar warna background dan foreground tekan tombol X.

F.6. Normal and Quickmask Mode
Normal Mode : Semua fungsi seperti brush akan berjalan seperti biasanya. Quickmask Mode : fungsi brush bisa dipakai untuk seleksi cuman jika setelah proses quickmask maka yang diseleksi malah dibagian luar nya.

F.7. Screen Mode
Untuk melihat tampilan area kerja windows.

5. Tool-Tool Tambahan
1. FILL
Edit > fill
Berfungsi untuk memberi warna di dalam area seleksi atau warna keseluruhan kalau tidak ada seleksi. Warna bisa diatur didalam windows option nya.
2. STROKE
Edit > stroke
Berfungsi untuk mewarnai garis di area seleksi. Ketebalan dan warna bisa diatur di dalam window option nya.
3. TRANSFORM
Edit > Transform
Tool ini untuk mentransformasi gambar di dalam layer tertentu.
Scale : untuk merubah besar kecilnya suatu gambar
Rotate : untuk memutar gambar
Skew, distorsi, perspektif, warp : untuk merubah bentuk gambar sesuai keinginan kita.
Rotate 180 : untuk memutar gambar sebesar 180 derajat.
Rotate 90 CW : untuk memutar gambar sebesar 90 derajat searah jarum jam
Rotate 90 CCW : untuk memutar gambar sebesar 90 derajat berlawanan arah jarum jam.
Flip horizontal : untuk memirror gambar kearah Horizontal
Flip Vertikal : untuk memirror gambar kearah Vertikal.
4. MODE
Image > Mode
Untuk merubah system pewarnaan, diantaranya :
- RGB : Red, Green, Blue
- CMYK : Cyan Magenta Yellow Black
- Grayscale : untuk warna Hitam Putih.

5. ADJUSTMENT
Image > adjustment
Untuk menentukan terang gelapnya gambar ( Brightness/Contrast. Dan bisa pula untuk menentukan warna ( Hue/Saturation )
6. IMAGE SIZE
Image > image size
Untuk merubah besar kecilnya suatu gambar. Bedanya dengan di tool transform adalah seluruh image berubah nilai besar kecilnya.
7. CANVAS SIZE
Image > canvas size
Untuk merubah besar kecilnya background. Dan ini akan membuat gambar di layer menjadi terpotong.
8. ROTATE CANVAS
Image > Rotate Canvas
Untuk memutar background beserta gambar yang ada didalam area gambar.
9. INVERSE
Select > inverse
Untuk menyeleksi yang bukan area seleksi sebelumnya. Tool ini berfungsi hanya jika ada image atau layer yang terseleksi.
10. FEATHER
Select > feather
Untuk memperhalus atau membuat blur suatu gambar yang sudah terseleksi. Ini biasanya digunakan pada saat pemisahan suatu objek gambar dengan background nya.
11. EFFECT
Tool untuk membuat effect ini ada semua di dalam toolbar filter.
12. RULER
View > ruler
Untuk menampilkan ukuran di area gambar. Ukuran bisa disetting dengan cara klik kanan di ruler area gambar maka akan muncul satuan ukuran yang akan digunakan. Seperti pixel, cm , inches, dll.
Kalau kita drag ruler ke dalam area gambar maka akan muncul suatu garis bantu berwarna biru terang. Dan garis bantu ini tidak akan tercetak kalau kita print.
13. SNAP
View > snap
Untuk menempatkan gambar dengan pas sesuai dengan keinginan kita. Kalau kita drag suatu objek gambar dan kita sudah mengaktifkan tool snap ini maka kita tidak perlu susah-susah untuk menempatkan gambar. Kita bisa menempatkan gambar pas ditengah, di pinggir atau pada garis bantu.
14. MENAMPILKAN TOOL
Untuk menampilan tool kita cukup dengan mengklik toolbar windows maka akan muncul tool yang akan kita pakai. Seperti layer, color, history, brush dll.

Artikel ini di sadap/di copy dari ilmuphotoshop

Lanjutkan

Label: Web Design

Text Formatting With HTML

ilustrasi

Text Formatting With HTML-Created By Rama Aditya Maulana/Komang Atkinson

Seperti yang telah kita ketahui sebelumnya pada thread Dasar HTML ,Dokumen HTML mempunyai 3 elemen dasar,yaitu HTML,head,dan body.sedangkan elemen title merupakan isi dari elemen head.pada pelajaran ini kita akan membahas tag-tag yang pada umumnya merupakan isi dari tag body. Kali ini kita akan menggunakan tag yang berfungsi pada tulisan.seperti membuat judul,mengatur letak judul,membuat paragraf,mengatur letak tulisan,dll.

Membuat Judul (Header/Heading)

Untuk membuat Header,Heading,atau judul dapat menggunakan tag <hy> dimana y adalah ukuran dari heading tersebut.

Berikut adalah contoh dari kode heading:
<h1> Header 1 < /h1 >
<h2> Header 2 < /h2 >
<h3> Header 3 < /h3 >
<h4> Header 4 < /h4 >
<h5> Header 5 < /h5 >
<h6> Header 6 < /h6 >

Perlu diketahui,ukuran judul/heading hanya ada 6 ukuran,sesuai dengan contoh diatas.tag ini harus ditutup,karena kalau tidak ditutup,server/browser tdk dapat membaca.

Membuat Teks Paragraf

Untuk membuat suatu paragraf,dapat menggunakan tag <p> .dimana p melambangkan paragraph. jika anda mengetik terus hingga batas jendela tampilan browser anda,secara otomatis kata2 tersebut akan berpindah baris.

Berikut adalah Contoh Kodenya!
<p> Sebagian masyarakat non islam bilang,“Kalian (umat Islam) mengatakan bahwa babi haram, karena ia memakan sampah yang mengandung cacing pita, mikroba-mikroba dan bakteri-bakteri lainnya. Hal itu sekarang ini sudah tidak ada. Karena babi diternak dalam peternakan modern, dengan kebersihan terjamin, dan proses sterilisasi yang mencukupi. Bagaimana mungkin babi-babi itu terjangkit cacing pita atau bakteri dan mikroba lainnya.?” Ilmu pengetahuan modern telah mengungkapkan banyak penyakit yang disebabkan mengkonsumsi daging babi. Sebagian darinya disebutkan oleh Dr. Murad Hoffman, seorang Muslim Jerman, dalam bukunya “Pergolakan Pemikiran: Catatan Harian Muslim Jerman”, halaman 130-131: “Memakan daging babi yang terjangkiti cacing babi tidak hanya berbahaya, tetapi juga dapat menyebabkan meningkatnya kandungan kolestrol dan memperlambat proses penguraian protein dalam tubuh, yang mengakibatkan kemungkinan terserang kanker usus, iritasi kulit, eksim, dan rematik. Bukankah sudah kita ketahui, virus-virus influenza yang berbahaya hidup dan berkembang pada musim panas karena medium babi?”</p>

Perlu Di ketahui!!!
perlu di ingat,bahwa tag paragraf ini tidak perlu tag penutup,untuk mempersiapkan perkembangan bahasa HTML dimasa yang akan datang,jadi perlu sekiranya agar tiap tag di tutup.Selain itu ada beberapa browser yang tidak dapat membacanya.

Memindahkan Baris

Suatu Saat,tidak mungkin kita mengetik suatu naskah,tanpa pindah baris (enter).Namun bagaimana caranya agar bisa pindah baris dalam Kode HTML?apakah hanya dengan menekan Enter?Tentu Tidak,Karena Tombol Enter tidak berfungsi dalam HTML.Nah,Untuk Memindahkan/Memotong Baris dalam suatu paragraf (Line Break),anda dapat menggunakan Tag <br>.Tag ini tidak perlu di tutup.

Berikut adalah Contoh penggunaan Tag br!

<p> Memotong <br>baris<br> dalam suatu paragraf<br>gunakan tag br </p>

Mengatur Letak Heading
Tag Heading mempunyai Atribut yang digunakan untuk mengatur letak Heading dalam baris-align. aligment heading adalah:

Kiri-left

Tengah-center

Kanan-right

Beikut adalah Contoh Penggunaan Aligment Heading!

<h1 align=”center”> Heading 1 Ditengah </h1>

Tahukah Kamu??
Atribut menyatakan sesuatu tentang suatu tag.Atribut digunakan untuk mengubah default pemformatan dokumen dengan tag yang bersangkutan

Membuat Garis Mendatar (Horizontal Ruler)

Sebuah Garis dapat disisipkan dalam dokumen WEB.Umumnya digunakan sebagai pemisah antarbagian atau antar paragraf.
Tag <hr> disisipkan pada tempat garis akan disisipkan dalam dokumen.

<p> Tag hr digunakan untuk mendefinisikan garis:</p>
<hr>
<p> yang ini paragraf.</p>
<hr>

Pemformatan Teks

Beikut adalah kode Pemformatan Teks!

Bold = <b> </b>
Italic = <i> </i>
Teks Besar = <big> </big>
Teks Kecil = <small> </small>
Teks Subscript= <sub> </sub>
Teks Pangkat/Superscript= <sup> </sup>

Latihan

Judul pada Title Bar Browser: Latihan Paragraf

Judul: Latihan Membuat Paragraf (Letak Di tengah dengan Ukuran h1)

Paragraf dengan pemformatan: (yang di [] adalah perintah Sedangkan [/] adalah akhir perintah)

Simpan dengan nama Latihan Bab 2.html

Buka Pada Browser kalian!

Sekian dulu Tutorial kali ini... Sampai Jumpa di lain waktu...
Salam hangat,

Komang Atkinson/
Rama Aditya M

Tentang Penulis

Rama Aditya Maulana atau yang lebih akrab di panggil komang "Atkinson" ini adalah seorang Pelajar Tsanawiyah (Setingkat dengan SMP) yang bersekolah di Madrasah Tsanawiyah Negeri 3 Jakarta.Ia begitu aktif mengikuti berbagai Organisasi, mulai dari Kelompok Ilmiah Remaja (KIR), Organisasi Siswa Intra Sekolah (OSIS), hingga akhirnya ia di pilih menjadi ketua Three IT Community Madarasah Tsanawiyah Negeri 3 Jakarta.Bermodalkan Pengetahuan Dasar HTML yang ia peroleh semenjak di bangku Sekolah Dasar, Mengantarkannya untuk lebih mendalami bahasa-bahasa pemrograman dan bercita-cita sebagai seorang programmer.

"Bagi saya pemrograman Web ini sangat unik, semoga saja saya betah menjalani karir sebagai programmer ini, walaupun saya masih pemula dan masih banyak hal-hal yang harus saya ketahui mengenai Pemrograman WEB ini."

Email: komangatkinson@yahoo.com

Lanjutkan

Label: Web Design

Dasar Pemrograman HTML

Dasar Pemrograman HTML-By Rama Aditya Maulana

HTML adalah Singkatan dari Hypertext Markup Language, Salah satu Bahasa pemrograman web yang di rancang khusus pertama kali oleh W3C (World Wide Web Consortium) untuk membuat suatu halaman web (homepage).

HTML mempunyai tiga sintaks (tag) utama, yaitu:

HTML
Head
Body

Setiap Tag pada HTML diawali dengan <...> dan di akhiri .Dimana titik-titik tersebut diisi dengan Tag yang dimaksud.Contoh <html> dan </html> .Dokumen HTML disimpan dengan format .html atau .htm

* Sintaks HTML

Sintaks ini menandai bahwa dokumen yang sedang kita buat adalah dokumen HTML.

* Sintaks Head

Sintaks ini berisi informasi tentang kepala dokumen.Biasanya diisi dengan tag <title> yang fungsinya untuk membuat judul halaman.

* Sintaks Body

Sintaks ini berisi semua hal tentang website kita. seperti Text, Video, Image, dll.
Banyak sekali software yang di gunakan untuk membuat dokumen HTML.seperti Macromedia/Adobe Dreamweaver, Notepad ++ dan Notepad.
Jika pada suatu text akan di beri lebih dari satu Kode HTML, maka penulisannya adalah sebagai berikut!

<p> <b> Tulisan anda di sini! </b></p>

Mengapa Demikian?

Ibarat sebuah Toples kosong, tag <p>; adalah dasar dari sebuah toples tersebut.kemudian <b> Tulisan anda disini </b> merupakan isi dari toples tersebut.kemudian </p> adalah tutupnya.

sebagai pemahaman Awal mengenai dasar HTML, cobalah script/code berikut!

<html>
<head>
<title> Homepage Pertama </title>
</head>
<body>
ini adalah Homepage pertama ku!!
</body>
</html>

Sekian dulu Tutorial kali ini... Sampai Jumpa di lain waktu...
Salam hangat,

Komang Atkinson/
Rama Aditya M

Tentang Penulis

"Bagi saya pemrograman Web ini sangat unik, semoga saja saya betah menjalani karir sebagai programmer ini, walaupun saya masih pemula dan masih banyak hal-hal yang harus saya ketahui mengenai Pemrograman WEB ini."

Email: komangatkinson@yahoo.com

Lanjutkan

Label: Info