Never Change

nothing's gonna chnage my love for you
if i had to live my ife without you near me
the days would al be empty
the night would seen so loong
with  i see forever so clearly
i might have been in love before
but it never felt this strong
our dreams are young and we both know
they'll take us where we want to go
hold  me now, touch me now
i don't want live without you
nothing's gonna change my love for you
you ought to know by now how much i love you
the world may change my whole life thru but
nothing's gonna change my love for you
if the road ahead isn't so easy
our love will lead the way for us
like a guiding star
i'll be there for you if you should need me
you don't have to change a thing
i love you just the way you are
so come with me and share the view
i'll help you see forever too
one thing you can be sure of
i'll never ask for more than your love

READ MORE

This Feeling

*** This Feeling ***

who made that clock on the waall stop running
it's quiet and motionless like me, isn't it?
you said our love story had ended for a long time
i alredy forgot it and moved forward
i try to pretnd to be ok

it seems now you no longer need me
perhaps in another time and place i am still holding your hands
i really want to know if you are ok there
not staying by my side may be an exit
missing you is brought across a thousand-year light speed through the universe quitely come to you

maybe you alredy started a new life
now beside me there is only loneliness
and who stands beside you?

READ MORE

Hello World in Windows Phone Seven

Hello Word

Baiklah pertama-pertama sebelum kita membuat Hello Word, saya asumsikan anda sudah menginstal dan dapat membuat "New Project" dalam Visual Studio Express for Windows Phone Seven. jika anda belum menginstal dan belum dapat membuat "New Project" anda dapat melihat tutorialnya pada halaman penginstalan visual studio .

Berikut ini adalah langkah membuat "Hello Word" di Windows Phone Seven.

1. Buka Visual Studio 2010 for Windows Phone 7.
2. Pilih File → New Project → Silverlight for Windows Phone → Windows Phone Application.
3. Beri nama HelloWorld
4. Double-click pada halaman MainPage.xaml pada Solution Explorer

Secara default anda dapat melihat tampilan design Windows Phone disisi kiri. Anda dapat menambahkan elemen baru seperti tombol, textbox dengan cara drag n drop kedalam tampilan design atau anda juga dapat menambahkan manual dengan mengetikan kode XAML.




5. Pada TitleGrid yang ada didalam LayoutRoot ubah teks yang akan ditampilkan sebagai title dari aplikasi yang dibuat:
<!--TitlePanel contains the name of the application and page title--> <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"> <TextBlock x:Name="ApplicationTitle" Text="MY FIRST PROJECT" Style="{StaticResource PhoneTextNormalStyle}"/> <TextBlock x:Name="PageTitle" Text="Hello World" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> </StackPanel>


6. Kemudian buat sebuah Grid baru dengan nama ContentPanel. Kemudian tulis kode XAML berikut:
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <TextBlock x:Name="hello1" Text="Nama : Dyan Yulfiaini" Style="{StaticResource PhoneTextTitle2Style}" /> <TextBlock x:Name="hello2" Text="NIM : 49011005 " Margin="12,57,-12,-57" Style="{StaticResource PhoneTextTitle2Style}" /> </Grid>


7. Seluruh Source Dalam MainPage.xaml
<phone:PhoneApplicationPage x:Class="MyFirstProject.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}" SupportedOrientations="Portrait" Orientation="Portrait" shell:SystemTray.IsVisible="True"> <!--LayoutRoot is the root grid where all page content is placed--> <Grid x:Name="LayoutRoot" Background="Transparent"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <!--TitlePanel contains the name of the application and page title--> <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"> <TextBlock x:Name="ApplicationTitle" Text="MY FIRST PROJECT" Style="{StaticResource PhoneTextNormalStyle}"/> <TextBlock x:Name="PageTitle" Text="Hello World" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> </StackPanel> <!--ContentPanel - place additional content here--> <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <TextBlock x:Name="hello1" Text="Nama : Dyan Yulfiaini" Style="{StaticResource PhoneTextTitle2Style}" /> <TextBlock x:Name="hello2" Text="NIM : 49011005 " Margin="12,57,-12,-57" Style="{StaticResource PhoneTextTitle2Style}" /> </Grid> </Grid> </phone:PhoneApplicationPage>


8. Sebelum menjalankan aplikasi anda dapat memilih target deployment dari aplikasi anda. Ada dua pilihan yaitu Windows Phone Emulator atau Windows Phone Device.



9. Jalankan aplikasi anda dengan menekan tombol F5. Maka Visual Studio akan menjalankan Emulator dan mendeploy aplikasi anda.



10. Tampilan pada emulator

READ MORE

Visual Studio Express for Windows Phone Seven

Membuat Project di Visual Studio Express for Windows Phone Seven

1. Tampilan awal visual studio 2010 express for windows phone

2. Tampilan awal ketika visual studio berhasil dibuka

Membuat new project

1. Tekan file -> new project

2. Pada installed template pilih visual c# -> silverlight for windows phone -> windows phone apilcation -> tulis nama project -> ok

3. Tampilan awal ketika membuat project berhasil

READ MORE

Special But Not Special Enough

Untuk dia yang Merasa

Ketika seseorang mencintaiku
semuanya indah
setiap jam kami menghabiskan waktu bersama
hidup di dalam hatiku

Ketika dia sedih
aku berharap ada dsana untuk keringkan air matanya
dan dia bahagia, begitu juga aku
Dia mencintaiku

Ketika dia kesepian
aku berharap ada dsana untuk menghiburnya
dan aku tahu bahwa dia merindukanku

Hari demi hari berlalu
sikapku tetap sama
tapi dia mulai hanyut dibawa arus
aku ditinggalkan sendirian
dan dia tak lagi memperhatikanku
tapi aku masih menunggunya ketika ia berkata
Aku akan selalu mencintaimu

Kesepian dan terlupakan
aku pernah berpikir ketika dia akan bekerja
dia akan tersenyum padaku, memelukku
dan mencium keningku
seperti yang biasa dilakukannya
ketika dia merindukanku
seperti dia membutuhkanku
saat dia mencintaiku

READ MORE

Cara Install Visual Studio Express for Windows Phone Seven

Pengenalan Windows Phone Seven

Sebelum mulai mengembangkan aplikasi Windows Phone, program Windows Phone developer tools haruslah terinstall di komputer terlebih dahulu. Installer WP developer tools dapat di download disini
Persyaratan yang harus dipenuhi untuk dapat melakukan instalasi WP Developer tools adalah:

1. Operating System Windows® Vista® (x86 and x64) with Service Pack 2 atau Windows 7 (x86 and x64)
2. 3 GB Space kosong di Hard Disk
3. 2 GB RAM
4. Kartu grafis yang mendukung DirectX 10 dengan driver WDDM 1.1

Proses Instalasi Perangkat Lunak

Berikut ini merupakan langkah instalasi WP Developer tools

1. Tampilan pertama ketika instalasi telah berhasil

2. Tampilan ketika instalasi komponen

3. Tampilan perjanjian lisensi

4. Tampilan pengaturan penginstalan

5. Tampilan proses instalasi

6. Tampilan ketika instalasi berhasil

Semoga Bermanfaat ^^

READ MORE

Android

Persiapan Android

Pertama-tama perangkat android yang harus disiapkan antara lain adalah sebagai berikut :

1. Java Development Kit (JDK) v6u24

   JDK dapat diunduh pada alamat berikut ini

2. Eclipse Java EE Developer Helios SR2 (v3.6.2) [HARUS JEE]

   Eclipse dapat diunduh pada alamat berikut ini

3. Android Software Development Kit (SDK) Installer r10

   Android SDK dapat diunduh pada alamat berikut ini

4. Plugin Android Development Tool (ADT) v10.0.0 untuk Eclipse

   ADT dapat diunduh pada alamat berikut ini

Proses Instalasi Perangkat Lunak

Berikut ini merupakan langkah instalasi android

1. Instalasi Java Development Kit versi 6u24

   Dengan meng-klik icon seperti gambar berikut. Kemudian ikuti langkah-langkahnya dengan next dan tunggu proses instalasi yang sedang berlangsung hingga selesai.

2. Instalasi Android SDK Kit

   Dengan meng-klik icon seperti gambar berikut. Kemudian ikuti langkah-langkahnya dengan next dan tunggu proses instalasi yang sedang berlangsung hingga selesai.

3. Extract file Eclipse

   Letakkan hasil download ke C:\Program Files\Eclipse\, kemudian klik file Eclipse.exe hingga mucul tampilan seperti berikut.

4. Install Android Development Tool (ADT) Plugin untuk Eclipse

   Dengan meng-klik tombol Help Install New Software pada program Eclipse.

5. Akan muncul jendela baru, pilih Add Archive

   Kemudian pilih file ADT-10.0.0.zip yang merupakan file Plugin ADT yang telah diunduh sebelumnya, klik open, OK, kemudian beri tanda centang pada Developer Tools, Next, Finish. Ikuti petunjuk selanjutnya, dan pastikan komputer dalam keadaan terhubung pada internet (online). Setelah proses tersebut selesai, restart program Eclipse anda.

READ MORE

Kumpulan Tugas PHP

* Tugas PHP *
Dyan Yulfiaini

Selamat datang di Tugas PHP Dyan Yulfiaini.
Berikut ini merupakan kumpulan Tugas saya yang diberikan selama perkuliahan jarak jauh

No	Tgl	Deskripsi	Link Tugas
1.	Friday, 16 March 2012, 05:00 PM	Download Eclipse for PHP Developers dan xampp Pelajari terlebih dahulu materi mengenai HTML di buku atau internet. Buat web hosting (sebaiknya berbayar, supaya tidak banyak masalah dan dapat digunakan untuk menyimpan portfolio Anda)	Tugas 1
2.	Wednesday, 11 April 2012, 05:00 PM	Buat di web masing-masing Biodata lengkap Anda dengan desain bebas tanpa gambar Hanya tulisan dan warna saja	Tugas 2
3.	Wednesday, 9 May 2012, 05:00 PM	Buat di web masing-masing, kalkulator sederhana dengan dua masukan bilangan Yang dapat menjalankan operasi: +, -, *, /, % dan operasi logika NOT, AND, OR dan EX-OR. Desain bebas dan tanpa gambar.	Tugas 3

Terimakasih Telah Berkunjung
Dyan Yulfiaini

READ MORE

Tugas Ke-3 TMD13-Pemrograman Php

Dyan's Kalkulator

Tugas kali ini adalah " Buat di web masing-masing, kalkulator sederhana dengan dua masukan bilangan yang dapat menjalankan operasi: +, -, *, /, % dan operasi logika NOT, AND, OR dan EX-OR. Desain bebas dan tanpa gambar."
Nah berhubung keterangannya sudah jelas, maka saya pun membuatnya sesuai dengan keinginan saya, cekidooot

<?php $hasil1=""; $hasil2=""; if(isset($_POST['bilangana']) && $_POST['bilanganb']){ $bilangana = $_POST['bilangana']; $bilanganb = $_POST['bilanganb']; $operasi = $_POST['operasi']; switch($operasi){ case "tambah" : $hasil1 = $bilangana+$bilanganb; break; case 'kurang' : $hasil1 = $bilangana-$bilanganb; break; case 'kali' : $hasil1 = $bilangana*$bilanganb; break; case 'bagi' : $hasil1 = $bilangana/$bilanganb; break; case 'modulus' : $hasil2 = $bilangana%$bilanganb; break; } } if(isset($_POST['bilanganc']) && $_POST['bilangand']){ $bilangana = $_POST['bilanganc']; $bilanganb = $_POST['bilangand']; $operasi = $_POST['operasi']; switch($operasi){ case "not": $hasil=~intval($angka1); break; case "and": $hasil=$angka1 & $angka2; break; case "or": $hasil=$angka1 | $angka2; break; case "exor": $hasil=intval($angka1) ^ intval($angka2); break; } } ?>

READ MORE

Special Day For Someone Special

Happy B'day My Lovely

Selamat ulang tahun sayaankkuuuuuu.... my ethaannnnn..... loveee u.....

Tepat pada tggl 28 April ini kuucapkan selamat ulang tahun cintaku... Mav y sayank ndak bisa kasih kado yg mewah buat sayank..
Tapi semoga kado yang aku kasih ke sayank bisa bermanfaat buat sayank dan sayank seneng dengan kado itu
Hari ini sengaja aku ijin ke ibuk buat ndak bantu ibuk persiapan pasar minggu buat pergi ke lumajang, aku pingin kasih sayank surprise dengan kehadiranku disana, sekalian sama silaturahmi gt maksudnya yank..
Masa' udah setahun jalan sama sayank masih aja belum ketemu sama keluarganya sayank sama sekali..
Memang sih kita sering LDR jadinya ndak bisa ke ketemu sama keluarganya ayank..
hehehhehe Met Ultah y sayannkkuu.. semoga dengan bertambhanya usia, sayank bisa semakin menjadi imam yang baik dan anak yang sholeh.
Semua butuh proses sayank, tapi kalo ada niat baik pastii disitu ada jalan.
Semangat ya sayankkuu... .
My love n my hearth always be yours :* :* :*

Aku bukanlah yang terbaik untukmu
tapi kmu adalah laki-laki yang paling tepat
untuk mendampingiku menjadi yang terbaik.

Jariku mungkin tak selalu bisa menyentuhmu
Mataku mungkin tak selalu bisa melihat dirimu
Ragaku mungkin tak selalu bisa menemanimu
Tapi yakinlah dihatiku hanya ada dirimu seorang.

Terimakasih karena telah mencintaiku,
membiarkan matahari memeluk hangat dirimu
Merestui hadirku dipagimu
Membiarkan hatimu ikhlas menjadi rumah bagi hatiku
Membiarkan matamu tempat paling sejuk untuk jiwaku berterduh

Rasa sayank ini tumbuh semakin dalam
Perasaan takut akan kehilangan sedang kurasakan
Resah bila tak ada kau disini
Tapi, selalu ada satu hati di atas satu cinta
Kaulah Jawabannya

READ MORE

Pendampingan Implementasi OSS

Pendampingan

 Implementasi OSS

Pada tanggal 25 April 2012 kami bertiga(dyan,andreas dan jojo) melaksanakan rapat pendataan dan pendampingan open source software (OSS) SKPD pada satuan kerja perangkat daerah di lingkungan pemerintah kota malang.Kegiatan ini ditujukan untuk beralih dari OS windows ke BlankOn Linux, tujuan ini di maksudkan untuk mengurangi penggunaan program illegal. BlankOn Linux merupakan open source yang bisa anda download dan install secara gratis.

Berhubung penempatan magang dari iTB hanya sampai bulan juni, maka kami mengikuti program ini hanya sampai tahap pengenalan LibreOffice.

Libre Office merupakan “versi lain” dari Open Office. Tujuannya penggunaan LibreOffice adalah menghasilkan aplikasi perkantoran yang mendukung format ODF tanpa bergantung pada sebuah pemasok dan keharusan mencantumkan hak cipta. Nama LibreOffice merupakan gabungan dari kata Libre (bahasa Spanyol dan Perancis yang berarti bebas) dan Office (bahasa Inggris yang berarti kantor). Sebagai sebuah perangkat lunak bebas dan gratis. Developer Libre Office merupakan Developer Open Office yang telah keluar dari Oracle dan mendirikan perusahaan sendiri yaitu Document Foundation. Kini Open Office dikembangkan oleh Oracle, dan Libre Office dikembangkan oleh mantan developer Open Office.
Libre Office merupakan aplikasi office open source yang bisa anda download dan install secara gratis. Software Office ini bisa digunakan di Windows, Macintosh (Mac OS), dan linux. Libre Office memiliki fitur yang mirip dengan microsoft office, serta memiliki 6 aplikasi document processing seperti :

• Libre Office Writer (alternatif Microsoft Word)
• Libre Office Calc (alternatif Microsoft Excel)
• Libre Office Impress (alternatif Microsoft Powerpoint), Libre office draw (alternatif Microsoft visio)
• Libre office Math (alternatif Microsoft Equation)
• Libre Office Base (alternatif Microsoft Access).

Libre Office mempunyai beberapa fitur, diantaranya :

• Aplikasi office yang bisa didownload dan diinstall secara gratis.
• Support lebih dari 30 bahasa.
• LGPL Public license, sehingga anda bisa menggunakan, memodifikasi, dan menggandakannya secara gratis.
• Dukungan support penuh secara gratis dari komunitas free user support maupun developer support.
• Libre Office merupakan open source community-driven project, dimana setiap orang bisa ikut mengembangkan LibreOffice untuk bisa menjadi lebih baik.
• Memiliki fitur dan manfaat yang hampir sama dengan Microsoft Office.

Kelebihan LibreOffice:

• LibreOffice merupakan aplikasi office yang gratis dan bebas anda gunakan maupun anda sebarkan, sedangkan microsoft office merupakan aplikasi office yang harganya sangat mahal (Microsoft Office Professional dijual dengan harga $499.99!!)
• LibreOffice memiliki fitur dan fungsi yang sama dengan microsoft office.
• LibreOffice bisa digunakan untuk membuka dokumen yang menggunakan format microsoft office.

Kekurangan LibreOffice:

• Bagi anda yang sudah terbiasa menggunakan microsoft office, terdapat beberapa letak tombol dan fungsi yang berbeda dengan microsoft office, sehingga anda perlu sedikit penyesuaian dalam menggunakannya.
• Terkadang dalam membuka file yang berformat microsoft office (.doc, .xls, .ppt dsb), beberapa format seperti penataan paragraf, tabel dsb menjadi sedikit tidak beraturan.

READ MORE

Dasar HTML

HTML Headings

Dalam sebuah dokumen sangatlah penting keberadaan HTML Heading, berikut ini akan dijelaskan bagaimana menggunakan HTML Heading yang benar

• Gunakan HTML Heading untuk judul saja. Jangan gunakan HTML Heading untuk membuat teks BESAR atau tebal.
• Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda.
• Karena pengguna dapat menulusi halaman Anda dengan HTML Heading maka sangat penting untuk menggunakan HTML Heading untuk menunjukkan struktur dokumen.
• Heading H1 harus digunakan sebagai judul utama, diikuti dengan judul H2 dan seterusnya.

Berikut ini merupakan struktur penggunaan HTML Heading

<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>

HTML Lines

Menulis garis horizontal di halaman HTML.

<ul> <li><p>This is a paragraph</p><hr/></li> <li><p>This is a paragraph</p><hr/></li> <li><p>This is a paragraph</p><hr/></li> </ul>

HTML Comments

Komen dapat dimasukkan dalam halaman HTML. Dan komen dapat dihilangkan atau tidak di baca oleh web browser

<!-- This is a comment -->

HTML Paragraphs

Dalam refensi tag berikut ini, jangan lupa menambahkan tanda "<" dan ">" pada setiap awal dan akhir tag. Dalam membuat sebuah paragraf dimulai dengan tanda "p" dan "/p" selanjutnya ketika anda ingin mengganti baris, maka gunakanlah "br" yang artinya adalah "break line".

Tag	Deskripsi
b	Bolt Text
big	Big Text
em	Empharized Text
i	Italic Text
small	Small Text
strong	Strong Text
sub	Subscripted Text
sup	Superscripted Text
ins	Inserted Text
dell	Deleted Text

READ MORE

My First Experiment

Berhubung saya juga merupakan pemula dalam menulis dan mempelajari HTML, maka saya akan membagi latihan yang saya coba kerjaan di awal belajar HTML. Alhamdulillah hasilnya lumayan.meskipun belum bisa menampilkan kembali hihihiii.

Bila ada pihak yang ingin menyempurnakan, sangat sangat saya hargai sekali dan mohon di bagi ilmunya gan :P
Dan berikut ini adalah contoh latihan yang saya kerjakan. cekidooot. . . . .

<html> <title>Mari belajar Bersama</title> <body bgcolor="black" text="white"> <h1 align="center"> Mari belajar Bersama</h1> <h2> First Step</h2> <table bordercolor="red" border="2" cellpadding="10" align="center" > <tr> <th rowspan="2"> No </th> <th colspan="3"> Identitas </th> </tr> <tr> <td align="center"> <p> Nama<br> berikut ini merupakan keterangan tentang nama dari mahasiswa<br> </td> <td align="center"> Jurusan </td> <td align="center"> Nip </td> </tr> <tr> <td align="center"> 1.</td> <td> <b>Dyan yulfiaini</b><br> <p> mempunyai cita-cita yang banyak, diantaranya :<br></p> <ul type="circle"> <li> Perawat </li> <li> Istri yg baik </li> <li> Wanita karir </li> </ul> </td> <td> TMD </td> <td> 49011015 </td> </tr> <tr> <td align="center"> 2.</td> <td > <b>Gheta Rahmanto</b> <ol type="square"> <li> Tinggal di lumajang</li> <li> Magang di Agip</li> <li> Anak ke-2 dari 2 bersaudara</li> </ol> </td> <td> TMD </td> <td> 49011028 </td> </tr> <tr> <td colspan="4" align="center">selesai</td> </tr> </table> <h2 align="left"> Next Step </h2> <form> <table bordercolor="red" border="2" cellpadding="10" align="center"> <tr> <td rowspan="3"> Keterangan</td> <td colspan="3" align="center">Isilah form berikut ini</td> </tr> <tr> <td> Form 1 </td> <td> Form 2 </td> <td> Form 3 </td> </tr> <tr> <td> Form data diri <br> <table cellpadding="10"> <tr> <td>Nama</td> <td>:</td> <td><input type="text" name="nama"></td> </tr> <tr> <td>Alamat</td> <td>:</td> <td><input type="text" name="aLamat"></td> </tr> <tr> <td>Sex</td> <td>:</td> <td><input type="radio" name="sex" value="Male">Male<br> <input type="radio" name="sex" value="Female">Female</td> </tr> <tr> <td>Kabupaten</td> <td>:</td> <td><select name="kabupaten"> <option>Malang</option> <option>Tangerang</option> <option>Bandung</option> <option>Bogor</option> <option selected="selected">Lumajang</option> </select></td> </tr> <tr> <td>Propinsi </td> <td>:</td> <td><select name="Propinsi"> <option selected="selected">Jawa Timur</option> <option>Jawa barat</option> <option>Jawa Tengah</option> <option>Sumat2ra</option> <option>Kalimantan</option> </select></td> </tr> </table> </td> <td> pizza </td> <td> burger </td> </tr> </table> <br> <p align="center"> <input type="button" name="submit" value="submit"> <input type="button" name="reset" value="reset"></p> </form> </body> </html>

READ MORE

Elemen HTML

Elemen HTML

Dikarenakan pembuatan blok kali ini langsung menggunakan HTML, tanda "<" akan diganti dengan "(" sedangkan tanda ">" diganti dengan ")".

Berikut ini merupakan elemen-elemn penyusun HTML. "Semoga Bermanfaat"

Awal Tag	Konten Elemen	Akhir Tag
(p)	ini merupakan sebuah paragraf	(/p)
(br)	ini merupakan pergantian baris	(/b)

Contoh Dokumen HTML

Cekidot

<html> <head> <title>Pendahuluan</title> </head> <body> <p> Paragraf pertamaku </p> </body> </html>

Penjelasan Contoh Dokumen HTML

1. Elemen (head)

   Digunakan untuk meletakkan informasi-informasi penting yang tidak ditampilkan oleh browser, sehingga ketika kita tidak akan melihatnya pada halaman situs. Tulisan didalam (head) dan (/head) hanya dapat dilihat apabila kita mengklik 'View Source' pada browser Internet Explorer atau 'View Page Source' pada Mozilla Firefox. Keduanya dapat ditemukan dengan klik kanan pada halaman situs yang dilihat. Sebagai contoh :

Contoh Pendahuluan

<title>Pendahuluan</title>


2. Elemen (p)

   Dalam hal ini yang dimaksud (p) adalah awal dari sebuah paragraf. penggunaan dari elemen ini ditandai dengan penggunaan di awal tulisan berupa (p) dan dialhiri dengan (/p) Sebagai contoh:

Contoh Pendahuluan

<p> Paragraf pertamaku </p>


3. Elemen (body) HTML

   Elemen ini adalah isi dari halaman situs. Disini tulisan, gambar, tabel, kalian akan ditampilkan di browser. Itulah mengapa tag ini disebut body atau badan. Ada banyak tag-tag HTML lain yang bisa ditampilkan disini penggunaan dari elemen ini ditandai dengan penggunaan di awal berupa (body) dan dialhiri dengan (/body) Sebagai contoh:

Contoh Pendahuluan

<body> <p> Paragraf pertamaku </p> </body>


4. Elemen (html)

   Penggunaan (html) sama seperti pintu rumah, yaitu sebagai pembuka dan penutup. penggunaan (html) diletakkan diawal atau diatas sendiri dan di akhiri dengan (/html) yang terletak dibawah sendiri Sebagai contoh:

<html> <body> <p> Paragraf pertamaku </p> </body> </html>

Atribut HTML

Atribut berbeda dengan tag, atribut adalah keterangan untuk tag. Misalnya untuk tag body ada beberapa atribut seperti bgcolor, dan background Sebagai contoh :

<a href="http://dyanyulfi.tmd11.web.id/">dyanyulfi.tmd11.web.id</a>

Atribut HTML

Atribut berbeda dengan tag, atribut adalah keterangan untuk tag. Misalnya untuk tag body ada beberapa atribut seperti bgcolor, dan background
Sebagai contoh :

<a href="http://dyanyulfi.tmd11.web.id">dyanyulfi.tmd11.web.id</a>

Referensi Atribut HTML

Attribute	Value	Description
class	classname	Specifies a classname for an element
Id	Id	Specifies a unique id for an element
style	style_definition	Specifies an inline style for an element
tittle	tooltip_text	Specifies extra information about an element

READ MORE