Vani Ardiansyah

Personal Blog

Minggu, 21 Desember 2014

vaniardiansyah.blogspot.com : Pengenalan CSS

Tidak ada komentar : Diposting oleh Unknown di 20.42 Label:
CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML.

Penulisan CSS :

1. Inline Styles
              Penulisan inline css di tulis langsung pata tag html yang diberi style. Untuk menggunakan gaya inline Anda menggunakan atribut style dalam tag yang relevan. Atribut style dapat berisi properti CSS. Contoh ini menunjukkan bagaimana untuk mengubah warna dan margin kiri paragraf:
<p style=”color:sienna;margin-left:20px”>This is a paragraph.</p>
2. Internal/emmbeded Style Sheet          Internal css atau biasa di sebut embeded di tulis pada bagian head HTML dengan menuliskan scrip di dalam tag <script type="text/css"></script> ,berikut contoh penulisan script css dengan menggunakan tag style, seperti ini:
<head>
<style type=”text/css”>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url(“images/back40.gif”);}
</style>
</head>
3. Eksternal Style Sheet              External css ditulis terpisah dengan file HTML, adaput pemanggilannya dit ulis di bagian head dengan script di bawah ini :
<head>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />
</head>
Sebuah style sheet eksternal dapat ditulis dalam editor teks apapun. File tidak boleh mengandung tag html. Style sheet Anda harus disimpan dengan ekstensi css.. Sebuah contoh dari sebuah file style sheet adalah sebagai berikut:
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url(“images/back40.gif”);}
Ucapan Jangan menambahkan spasi antara nilai properti dan unit (seperti margin-left: 20 px). Cara yang benar adalah: margin-left: 20px















                          Read More
                        






























vaniardiansyah.blogspot.com : Pengenalan Java Script









Tidak ada komentar
                      :
                    


Diposting oleh

Unknown



di

20.30



Label:






cara tulis javascript :

Tag Penulisan Javascriptsebagai berikut 

<script type=”text/javascript”>

 <!–

 window.document.write(“selamat pagi”);

 //–> 

 </script>










                          Read More
                        




Baca selengkapnya »























                          

                        

                        

                      



Rabu, 08 Oktober 2014




                        

                      










vaniardiansyah.blogspot.com : Animasi Text Di HTML









Tidak ada komentar
                      :
                    


Diposting oleh

Unknown



di

01.30



Label:








Animasi merupakan bagian yang memperindah web sehingga pengunjung merasa tidak bosan dalam melihat web tersebut, html menyediakan beberapa animasi bawaan yang dapat di gunakan dalam penulisan text pada halaman web. Berikut beberapa animasi yang dapat di gunakan dalam html :










1.
Text Berkedip







Text dapat dibuat berkedip dengan menggunakan tag blink, tetapi sekarng text blink sudah jarang di gunakan karena tidak support dengan web browser versi terbaru, dikarenakan wen browser versi terbaru focus terhadap support HTML 5 yang merupakan versi terbaru HTML.



Berikut contoh penulisan blink  :



     <blink> Ini text blink </blink>












                          Read More
                        




Baca selengkapnya »























                          

                        

                        

                      



Selasa, 07 Oktober 2014




                        

                      











vaniardiansyah.blogspot.com : Link  & Tabel HTML









Tidak ada komentar
                      :
                    


Diposting oleh

Unknown



di

12.37



Label:











    A.
    Link




    



    Link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL lain, bahkan dalam suatu halaman untuk berpindah ke sub judul yang lain. Atribut dalam tag link:



href     : merupakan alamat tujuan yang halamanya akan di tuju

target  : tempat membuka link, entah new tab atau pada tab itu sendiri

name   : mendefinisikan nama sebuah link, biasa digunakan dalam link 1     halaman yang sama 



contoh :

 


























                          Read More
                        




Baca selengkapnya »

































vaniardiansyah.blogspot.com : Pengaturan Format Dokumen HTML









Tidak ada komentar
                      :
                    


Diposting oleh

Unknown



di

10.24



Label:








Pada saat isi tag body ditampilkan di halaman web tentu saja tag itu mempunyai tampilan yang berbeda, lebih terstruktur dan menarik, untuk membuat halaman seperti itu ada beberapa tag yang harus ditambahkan guna membuat halaman web yang menarik. Berikut tag-tag yang digunakan untuk mengatur format teks pada halaman web :








1.
Heading




Heading merupakan judul atau sub judul dari sebuah web, dan heding sendiri mempunya beberapa ukuran. format penulisan tag heading <Hn> dimana n merupakan ukuran yang akan di pakai. Dalam tag heading terdapat 6 ukuran.

Contoh :



 





















Tampilan pada web : 












2.
Paragraf








Tag paragraph <p> berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web Anda. Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya. Untuk mengatur perataan paragraf digunakan atribut align dengan type right, left, center, dan justfy. contoh 



penulisannya :



<p align="right | left | center | justfy">



Selain itu untuk mengedit kalimat atau kata, seperti membuat tulisan tebal, miring, atau garis bawah digunakan tag :



<b>..........</b>   : Untuk tulisan tebal

<i>............</i>   : Untuk tulisan italic

<u>..........</u>   : Untuk garis bawah

<sup>....</sup>   : Untuk bagian yang dicetak tinggi

<sub>....</sub>   : Untuk bagian yang di cetak rendah



penggunaan tag di atas bisa dikombinasikan.



Contoh :





























tampilan di web :













    3.
    Tag Break 




    

    

Tag Break <br> digunakan untuk membuat garis baru pada halaman web, walaupun penulisan script pada halaman web tidak ada garis baru.

Contoh : 



















Tampilan di web :













    4.
    Tag Horizontal Rule




    
    

Tag Horizontal Rule <hr> digunakan untuk memberi sebuah garis lurus pada tampilan halaman web.

Contoh :





























Tampilan di web :











 		




    5.
    Tag Font




    
    Tag font digunakan untuk mengubah memodifikasi font yang di tampilkan di halaman web. Mulai jenis, warna, dan ukuran font. Atribut yang digunakan :

face  : digunakan untuk menentukan jenis font

color : digunakan untuk menentukan warna font

size  : digunakan untuk menentukan ukuran font



contoh :

























Tampilan di web :













    6.
    Tag Pre 




    
    Tag <pre> digunakan untuk membuat tampilan dokumen pada browser sama dengan tampilan pada text editor (preformatted). Dengan menggunakan tag <pre> maka tag <p> dan tag <br> tidak diperlukan lagi.

contoh :







































 Tampilan di web :
















    7..
    Tag untul list




    
    Properti <li> digunakan untuk menampilkan informasi dalam bentuk daftar (list). Ada dua jenis daftar yang dikenal di HTML, yaitu list dalam format bullet (unordered list <ul>) dan dalam bentuk nomor (ordered list <ol>). Atribut elemen list Ordered list <ol type=tipe_list> type = [ 1 | a | A | i | I ] (tipe penomoran, default 1) Unordered list <ul type=tipe_list> type = [ disc | square | circle ] (tipe bullet, default disc)

contoh :



































 Tampilan pada web :













    8.
    Menampilkan Image




    
    

Sebuah halaman web tanpa adanya image bagaikan nasi tanpa lauk, sehingga kita perlu menambahkan image untuk memperindah tampilan tersebut. Sebuah image dapat di tampilkan menggunakan tag img , serta dapat dimodifikasi dengan atribut dalam tag img. Berikut atribut yang terdapat dalam tag img :



src = lokasi dan nama gambar 

alt = teks alternatif, tex yang ditampilkan ketika gambar disorot dengan mouse 

width = lebar gambar, pixel 

height = tinggi gambar, pixel 

align = [ top | middle | bottom | left | right ] (perataan gambar)

border = tebal garis tepi gambar, pixel 



contoh :































Tampilan di web :




















                          Read More
                        































vaniardiansyah.blogspot.com : Atribut Pada Tag Head dan Body









Tidak ada komentar
                      :
                    


Diposting oleh

Unknown



di

09.02



Label:






Pada dasarnya tag pada halaman wed terdiri dari tag HTML, HEAD, dan BODY.

Setiap tag mempunyai fungsi yang berbeda dan atribut yang berbeda di setiap tag, berikut kita akan membahas atribut-atribut yang terdapat pada tag Head dan Body.










1.
Tag Head





Tag head berfungsi untuk mendeskripsikan halaman web, seperti contoh atribut tittle yang berfungsi sebagai judul sebuah web. 

Tag head mempunya atribut :




-TITLE



Elemen TITLE dipakai untuk sebagai judul dokumen. Apapun yang di tulis dalam atribut title akan muncul sebagai judul di taksbar web browser. Contoh tulisscrip di bawah ini :






















                          Read More
                        




Baca selengkapnya »























                          

                        

                        

                      



Rabu, 24 September 2014




                        

                      











vaniardiansyah.blogspot.com : Struktur Dasar HTML









Tidak ada komentar
                      :
                    


Diposting oleh

Unknown



di

05.17



Label:








Sebelum kita membahas tentang struktur HTML terlebih dahulu kita harus mengetahui bagaimana cara pembuatan HTML. HTML dibuat menggunakan HTML editor. HTML editor merupakan tool atau alat yang digunakan untuk menulis, mengedit, dan menyimpan scrip HTML. Ada banyak sekali HTML editor yang dapat digunakan, diantaranya :


    

  • Adobe Dreamweaver
    • 

  • Microsoft Expression Web
    • 

  • Notepad ++
    • 

  • CoffeeCup HTML Editor dll.  
    • 





Pada dasarnya struktur HTML terdiri dari tag,elemen, dan atribut. 










                          Read More
                        




Baca selengkapnya »
































vaniardiansyah.blogspot.com : HTML (HyperText Markup Language)









Tidak ada komentar
                      :
                    


Diposting oleh

Unknown



di

02.43



Label:



















  


    A.
    Definisi
  



    

    HyperText Markup Language (HTML) adalah format atau standart bahasa yang digunakan untuk membuat dan mendesain sebuah halaman WEB, yang berisi kode ASCII yang terintegrasi, sehingga halaman tersebut dapat dikenali dan ditampilkan oleh sebuah web browser. Dan menjadi interface pengguna untuk mengakses informasi yang ada.
  



    B.
    Sejarah HTML
  



    

    Pada tahun 1980 IBM mulai untuk 
mengembangkan sebuah bahasa pemograman dimana text dan format sebuah 
dokumen dijadikan satu dalam bahasa pemrograman yang saat itu dikenal dengan nama GML (Generalized Markup Language). Pada tahun 1986 ISO mengeluarkan sebuah 
standarisasi tentang bahasa pemograman tersebut dan menyatakan sebuah 
nama baru dari GML tersebut dengan sebutan SGML (Standard Generalized 
Markup Language).










                          Read More
                        




Baca selengkapnya »























                      

                    










Langganan:

Postingan
                      (
                      Atom
                      )
                    





































Followers