Dicky Hadi Purnomo

Minggu, 22 September 2013

Macam-macam syntax HTML

Kali ini saya kembali posting tentang Blogger, yaitu dasar-dasar HLML. Jadi, buat yang nyari macam atau jenis syntax HTML (tag HTML), nih saya kasih. Ini diambil langsung dari website HTML Tags / Codes / Web Page Design.

HTML Tags Chart

To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.

Tag

Name

Code Example

Browser View

<!--

comment

Nothing will show (Tip)

<a -

anchor

<a href="http://www.domain.com/">
Visit Our Site</a>

Visit Our Site (Tip)

<b>

bold

<b>Example</b>

Example

<big>

big (text)

<big>Example</big>

Example (Tip)

<body>

body of HTML document

<body>The content of your HTML page</body>

Contents of your web page (Tip)

<br>

line break

The contents of your page<br>The contents of your page

The contents of your web page
The contents of your web page

center

<center>This will center your contents</center>

This will center your contents

<dd>

definition description

<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>

Definition Term

Definition of the term

Definition Term

Definition of the term

<dl>

definition list

<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>

Definition Term

Definition of the term

Definition Term

Definition of the term

<dt>

definition term

<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>

Definition Term

Definition of the term

Definition Term

Definition of the term

<em>

emphasis

This is an <em>Example</em> of using the emphasis tag

This is an Example of using the emphasis tag

<embed>

embed object

<embed src="yourfile.mid" width="100%" height="60" align="center">

(Tip)

<embed>

embed object

<embed src="yourfile.mid" autostart="true" hidden="false" loop="false">
<noembed><bgsound src="yourfile.mid" loop="1"></noembed>

Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music.

<font>

font

<font face="Times New Roman">Example</font>

Example (Tip)

<font>

font

<font face="Times New Roman" size="4">Example</font>

Example (Tip)

<font>

font

<font face="Times New Roman" size="+3" color="#ff0000">Example</font>

Example (Tip)

<form>

form

<form action="mailto:you@yourdomain.com">
Name: <input name="Name" value="" size="10"><br>
Email: <input name="Email" value="" size="10"><br>
<center><input type="submit"></center>
</form>

Name: (Tip)
Email:

heading 1
heading 2
heading 3
heading 4
heading 5
heading 6

<h1>Heading 1 Example</h1>
<h2>Heading 2 Example</h2>
<h3>Heading 3 Example</h3>
<h4>Heading 4 Example</h4>
<h5>Heading 5 Example</h5>
<h6>Heading 6 Example</h6>

<head>

heading of HTML document

<head>Contains elements describing the document</head>

Nothing will show

<hr>

horizontal rule

<hr />

Contents of your web page (Tip)

Contents of your web page

<hr>

horizontal rule

<hr width="50%" size="3" />

Contents of your web page

<hr>

horizontal rule

<hr width="50%" size="3" noshade />

Contents of your web page

<hr>
(Internet
Explorer)

horizontal rule

<hr width="75%" color="#ff0000" size="4" />

Contents of your web page

<hr>
(Internet
Explorer)

horizontal rule

<hr width="25%" color="#6699ff" size="6" />

Contents of your web page

<html>

hypertext markup language

<html>
<head>
<meta>
<title>Title of your web page</title>
</head>
<body>HTML web page contents
</body>
</html>

Contents of your web page

<i>

italic

<i>Example</i>

Example

<img>

image

<img src="Earth.gif" width="41" height="41" border="0" alt="text describing the image" />

(Tip)

<input>

input field

Example 1:

<form method=post action="/cgi-bin/example.cgi">
<input type="text" size="10" maxlength="30">
<input type="Submit" value="Submit">
</form>

Example 1: (Tip)

<input>
(Internet Explorer)

input field

Example 2:

<form method=post action="/cgi-bin/example.cgi">
<input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72a4d2;" size="10" maxlength="30">
<input type="Submit" value="Submit">
</form>

Example 2: (Tip)

<input>

input field

Example 3:

<form method=post action="/cgi-bin/example.cgi">
<table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#8463ff"><input type="text" size="10" maxlength="30"></td><td bgcolor="#8463ff" valign="Middle"> <input type="image" name="submit" src="yourimage.gif"></td></tr> </table>
</form>

Example 3: (Tip)

<input>

input field

Example 4:

<form method=post action="/cgi-bin/example.cgi">
Enter Your Comments:<br>
<textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear">
</form>

Example 4: (Tip)

<input>

input field

Example 5:

<form method=post action="/cgi-bin/example.cgi">
<center>
Select an option:
<select>
<option >option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
<input type="Submit" value="Submit"></center>
</form>

Example 5: Tip)

Select an option:

<input>

input field

Example 6:

<form method=post action="/cgi-bin/example.cgi">
Select an option:<br>
<input type="radio" name="option"> Option 1
<input type="radio" name="option" checked> Option 2
<input type="radio" name="option"> Option 3
<br>
<br>
Select an option:<br>
<input type="checkbox" name="selection"> Selection 1
<input type="checkbox" name="selection" checked> Selection 2
<input type="checkbox" name="selection"> Selection 3
<input type="Submit" value="Submit">
</form>

<li>

list item

Example 1:

<menu>
<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</MENU>

Example 2:

<ol type="i">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Example 1: (Tip)

List item 1

List item 2

List item 3

Example 2:

List item 1
List item 2
List item 3
List item 4

<link>

link

<marquee>
(Internet
Explorer)

scrolling text

<marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">Example Marquee</marquee>

Example Marquee (Tip)

<menu>

menu

<menu>
<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</menu>

List item 1

List item 2

List item 3

<meta>

meta

<meta name="Description" content="Description of your site">
<meta name="keywords" content="keywords describing your site">

Nothing will show (Tip)

<meta>

meta

<meta HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.com/">

Nothing will show (Tip)

<meta>

meta

<meta http-equiv="Pragma" content="no-cache">

Nothing will show (Tip)

<meta>

meta

<meta name="rating" content="General">

Nothing will show (Tip)

<meta>

meta

<meta name="robots" content="all">

Nothing will show (Tip)

<meta>

meta

<meta name="robots" content="noindex,follow">

Nothing will show (Tip)

<ol>

ordered list

Numbered

<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Numbered Special Start

<ol start="5">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Lowercase Letters <ol type="a">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Letters
<ol type="A">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Letters Special Start
<ol type="A" start="3">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Lowercase Roman Numerals
<ol type="i">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Roman Numerals
<ol type="I">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Roman Numerals Special Start
<ol type="I" start="7">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Numbered

List item 1
List item 2
List item 3
List item 4

Numbered Special Start

List item 1
List item 2
List item 3
List item 4

Lowercase Letters

List item 1
List item 2
List item 3
List item 4

Capital Letters

List item 1
List item 2
List item 3
List item 4

Capital Letters Special Start

List item 1
List item 2
List item 3
List item 4

Lowercase Roman Numerals

List item 1
List item 2
List item 3
List item 4

Capital Roman Numerals

List item 1
List item 2
List item 3
List item 4

Capital Roman Numerals Special Start

List item 1
List item 2
List item 3
List item 4

listbox option

<form method=post action="/cgi-bin/example.cgi">
<center>
Select an option:
<select>
<option>option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
</center>
</form>

Select an option: (Tip)

<p>

paragraph

This is an example displaying the use of the paragraph tag. <p> This will create a line break and a space between lines.

Attributes:

<p align="left">
Example 1:<br />
<br />
This is an example<br>
displaying the use<br>
of the paragraph tag.</p>
<p align="right">
Example 2:<br>
<br>
This is an example<br>
displaying the use<br>
of the paragraph tag.</p>
<p align="center">
Example 3:<br>
<br>
This is an example<br>
displaying the use<br>
of the paragraph tag.</p>

This is an example displaying the use of the paragraph tag.

This will create a line break and a space between lines.

Attributes:

Example 1:

This is an example
displaying the use
of the paragraph tag.

Example 2:

This is an example
displaying the use
of the paragraph tag.

Example 3:

This is an example
displaying the use
of the paragraph tag.

<small>

small (text)

<small>Example</small>

Example (Tip)

deleted text

<strike>Example</strike>

~~Example~~

strong emphasis

<strong>Example</strong>

Example

<table>

table

Example 1:

<table border="4" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Example 2: (Internet Explorer)

<table border="2" bordercolor="#336699" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Example 3:

<table cellpadding="2" cellspacing="2" width="100%">
<tr>
<td bgcolor="#cccccc">Column 1</td>
<td bgcolor="#cccccc">Column 2</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
</tr>
</table>

Example 1: (Tip)

Column 1

Column 2

Example 2: (Tip)

Column 1

Column 2

Example 3: (Tip)

Column 1	Column 2
Row 2	Row 2

<td>

table data

<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Column 1

Column 2

<th>

table header

<div align="center">
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
<tr>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
<tr>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
</table>
</div>

Column 1	Column 2	Column 3
Row 2	Row 2	Row 2
Row 3	Row 3	Row 3
Row 4	Row 4	Row 4

<title>

document title

<title>Title of your HTML page</title>

Title of your web page will be viewable in the title bar. (Tip)

<tr>

table row

<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Column 1

Column 2

<tt>

teletype

<tt>Example</tt>

Example

<u>

underline

<u>Example</u>

Example

<ul>

unordered list

Example 1:<br>
<br>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
<br>
Example 2:<br>
<ul type="disc">
<li>List item 1</li>
<li>List item 2</li>
<ul type="circle">
<li>List item 3</li>
<li>List item 4</li>
</ul>
</ul>

Example 1:

List item 1
List item 2

Example 2:

List item 1
List item 2

List item 3
List item 4

Sabtu, 11 Mei 2013

PUISI : TENTANG NARKOBA

YANG TERPENJARA

malam telah mabuk
kelap-kelip lampu diskotik
mengurai problema dan sesak
yang menghimpit tulang belulang
nafas menjadi nafsu berpeluh
hidup kukirim keruang kosong tanpa budaya
maka aku adalah pemilik bumi
sampai malam mengantar gincumu keperaduan
dibalik gemerlap itu
aku terpenjara

segelas minuman hangat
mengobati gelisah yang meracuni magrib
sebab kau pergi tanpa sepatah kata
lalu sepatuku
terluka ditepi jalanan
kerikil tajam
menggores percakapan kita tentang kebahagian para nelayan
yang mengarungi samudera luas
dalam dekap kehangatan itu
aku terpenjara

ketika kau suntikkan cairan itu dijasad ku
pergilah aku kedalam sunyi pengasingan
aku kian terluka

Tuhan....
ku mulai menghempas tubuh ini pada dinding penjara
ku mulai melafalkan bait-bait kebesaran
ku mulai meletakkan hina wajah ini di tanah
Mu
bersujud
dan bukalah pintu ini

aku terpenjara

----------------------------------------------------------------------------------

SAKAU

kebencian
yang datang tanpa mengetuk pintu
mencekik subuh
memanggang magrib dan menelan Isya' dalam bara
api yang menyala-nyala

detik memukul lonceng kematian
berdentang
menendang
memekakkan telinga jagat raya
apakah makna hidup pada saat kematian menemukan kuncinya

oooo
betapa perih kenyataan
sungai mengalirkan limbah kecerobohan
dari tanda tanya akan keindahan
lalu berubah menjadi
pengulangan rasa
ketagihan

ooo
sakau
bangkitkan aku dari kematian
mati rasa mati jiwa dan mati cinta
kembalikan aku pada
kehidupan

----------------------------------------------------------------------------------

MENCARI PIJAR

Gelap telah membatu dilorong-lorong
hitam menempel
dan mataku mencari makna yang kau kirim lewat bunga mawar dan secangkir kopi

kedalam jiwa aku berenang
mungkin permata tertanam disini.
diakhir pengembaran anak-anak merpati

dimana senja
dimana jingga

dimana pagi
kemana mimpi

semuanya menjadi satu warna menakutkan
yang menaklukan kesombonganku

maka semuanya menghilang dalam pertanyaan-pertanyaan
tanpa jawaban

Gelap tanpa pendaran cahaya
dimana pijar
yang merubah warna langit

dimana pijar yang menjadi penuntun jalan pulang
aku terpenjara berabad-abad
meratapi kepalsuan pil eksotan

----------------------------------------------------------------------------------

HIDUP SEKALI

hidup cuma sekali
kenapa kanvas sucinya
harus di warnai hanya dengan tinta hitam
jiwa disuramkan oleh sebutir debu
dan kita memandangnya
menangisinya
dan membunuh keberanian untuk hidup dan menantang kehidupan

hidup cuma sekali
kenapa kita harus mengisinya dengan pengahmbaan terhadap sebuah
pembangkangan
lalu ia memalingkan wajah kita dari sinar matahari
kearah kekelapan malam
yang menakutkan

Miras , narkoba dan perburuan pada kepuasan
lalu jiwa terjatuh pada reruntuhan tulang belulang
jadilah roh kita melayang-layang
mencari lentera atau pijar dikegelapan

hidup cuma sekali
maka ia harus tumbuh bersama bunga-bunga di musim semi
mewangikan zaman
bergerak dinamis dalam perubahan

----------------------------------------------------------------------------------

KENAPA KAU BERIKAN

Kenapa kau berikan setangkai kembang yang dulu mewangikan jagat
pada ruh dari kegelisahan
sekarang tangkai bunga itu telah menumbuhkan duri-duri yang memotong jalanan
menghapus jejak malaikat saat azan subuh berangkat pulang
sekarang daun -daun bunga itu
telah mengering
tertukar
sampah jalanan
terinjak

Kenapa kau berikan nafasmu terseret kebohongan
pelangi yang dilukiskan pada beratus batang jarum suntik
bong sabu
gelas-gelas minuman beralkohol tinggi
dan kini ia telah sesak terhimpit
bebatuan
tua
nafasmu menjadi cerobong asap kemakmuran semu

Kenapa kau berikan cita-citamu terbunuh
dan rohnya gentayangan mencari cita-cita pendek
menyesal
menangis
mengais sisa
sisa

----------------------------------------------------------------------------------

Jumat, 03 Mei 2013

CONTOH KARANGAN ARGUMENTASI : Pengaruh Narkoba Terhadap Perkembangan Generasi Bangsa

Dewasa ini narkoba menjadi masalah serius di belahan dunia manapun. Banyak kasus narkoba yang susah diselesaikan. Narkoba (Narkotika, Psikotropika dan Bahan Adiktif berbahaya lainnya) adalah zat yang jika dimasukkan dalam tubuh manusia, baik secara diminum, dihirup, maupun disuntikan, dapat mengubah pikiran, suasana hati atu perasaan, dan perilaku seseorang. Menurut UU No. 22 Tahun 1997 tentang narkoba yaitu, zat atau obat yang berasal dari tanaman atau bukan tanaman, baik sintetis maupun semi sintetis. Zat tersebut menyebabkan penurunan atau perubahan kesadaran, menghilangkan rasa, mengurangi hingga menghilangkan rasa nyeri, dan dapat menimbulkan ketergantungan.

Seperti namanya, narkoba terdiri atas tiga macam, yaitu :

1. Narkotika. Yang termasuk narkotika, yaitu :

Ø Tanaman papaver, opium mentah, opium masak (candu, jicing, jicingko), opium obat, morfina, kokaina, ekgoniana, tanaman ganja, dan damar ganja.

Ø Garam-garam dan turunan-turunan dari morfina dan kokaina, serta campuran-campuran dan sediaan-sediaan yang mengandung bahan tersebut di atas.

2. Psikotropika, antara lain:

Ø Sedatin (Pil BK), Rohypnol, Magadon, Valium, Mandarax, Amfetamine, Fensiklidin, Metakualon, Metifenidat, Fenobarbitol, Flunitrazepam, Ekstasi, Shabu-shabu, LSD (Lycergic Alis Diethylamide), dsb.

3. Adiktif berbahaya lainnya, yaitu :

Ø Alkohol yang mengandung ethyl etanol, inhalen/sniffing (bahan pelarut) berupa zat organik (karbon) yang menghasilkan efek yang sama dengan yang dihasilkan oleh minuman beralkohol atau obat anaestetik jika aromanya dihisap. Contoh : lem/perekat, aceton, ether, dsb.

Adapun narkoba menurut efeknya dibagi menjadi tiga, yakni :

1. Depresan, yaitu menekan sistem syaraf pust. Contohnya : opioda dan berbagai turunannya seperti morphin dan heroin, serta putaw.

2. Stimulan, merangsang fungsi tubuh dan meningkatkan kegairahan serta kesadaran. Contoh : Kafein, Kokain, Amphetamin, Shabu-shabu dan ekstasi.

3. Halusinogen, mengubah daya persepsi atau mengakibatkan halusinasi. Contoh : mescaline dari kaktus, psilocybin dari jamur-jamuran, LSD, dan ganja.

Saat ini, narkoba telah menjamur pada lingkungan remaja. Hal ini sungguh menjadi ancaman yang berbahaya bagi bangsa Indonesia. Sianipar (2004) mengatakan bahwa berdasarkan survey nasional penyalahgunaan narkoba yang dilaksanakan oleh Badan Narkotika Nasional (BNN) terhadap 13.710 responden yang terdiri dari pelajar SLTP, SLTA dan mahasiswa diperoleh data bahwa dalam setahun terakhir terdapat 3,9% responden yang menyalahgunakan narkoba. Terdapat banyak motivasi dan penyebab orang mengonsumsi narko antara lain:

1. Untuk merasakan kesenangan, menimbulkan percaya diri, merasakan kepuasan dan relaksasi.

2. Untuk merasa lebih baik, menghilangkan stress dan depresi.

3. Meningkatkan kinerja tubuh

4. Rasa ingin tahu.

5. Gengsi kepada teman

6. Lari dari masalah.

Namun pada hakikatnya, bila narkoba digunakan terus-menerus maka akan mengakibatkan ketergantungan. Hal ini akan mengakibatkan gangguan fisik, seperti : gangguan pada system syaraf, gangguan pada jantung dan pembuluh darah, gangguan pada kulit, gangguan pada paru-paru, sering sakit kepala, mual-mual dan muntah, murus-murus, suhu tubuh meningkat, pengecilan hati dan sulit tidur, penurunan fungsi hormon reproduksi dan gangguan fungsi seksual, perubahan periode dan ketidakteraturan menstruasi, amenorhoe (tidak haid), hepatitis B dan C, HIV, dan terakhir kematian. Adapun gangguan psikis, seperti : lamban kerja, ceroboh, tegang dan gelisah, pesimis, apatis, pengkhayal, penuh curiga, menjadi berutal/ganas, sullit konsentrasi, perasaan kesal dan tertekan, dan sering menyakiti diri sendiri. Selain itu ada pula dampak sosial, seperti : gangguan mental, anti-sosial dan asusila, dikucilkan, menjadi beban keluarga, dan masa depan menjadi suram.

Sulit bagi seseorang untuk melepaskan diri dari ketergantungan akan narkoba. Hal itu harus dimulai dari kesadaran si pemakai dan kemauan yang kuat, serta didukung dari orang yang ada disekitarnya.

Sedangkan untuk menghindari narkoba kita disarankan untuk lebih mendekati diri kepada Tuhan dan menyadari akibat yang akan diterima jika memakai narkoba.

Dari uraian diatas, penyalahgunaan narkoba sanyat berbahaya bagi fisik, psikis, maupun hubungan sosial kita. Sebagai remaja kita harus menjauhkan diri dari narkoba demi kebaikan kita dan negara kita tercinta, karena masa depan bangsa kita ada dipundak kita.

BLOG SAHABAT
Akmal Rahmadito Amelia Ayu N Andri Setiawan Arif Yudho Bachtiar Febrianto Basita Faradilla ???Cahyo Utomo R Derizal Dicky Hadi Purnomo Elfrida Purwita Firgiawan Z.A Galih Wicaksono Incha Aditya Maulidta Meirvin Mohamdiva S Miftachul Rohana S M.Reza Ramadhani M.Fathur Rahman M.Faydl Al-Umam Ratih Purwaningsih Reskimay P.Y Rivaldi Priambodo Siska Wulan Tissa Bella Titik Nurfaidah Zuraida Shoumie N