Arsip Blog

SCRIPT HTML PEMULA

Feb 16

Posted by

Script html inilah yang akan kita pelajari selanjutnya. 🙂 . Semakin Asik nih Belajar Html-nya . di Artikel sebelumnya kita sudah mengetahui pengetian html , dasar html , element html, dan attribut html , berikutnya kita akan belajar contoh script html:

Script Html Mengatur Bentuk Text

Oke teman-teman kebanyakan teori ga asik juga ye… hhhe  🙂 langsung aja ahh  praktek.nya.

  • Script Html membuat text bergaris bawah

oke kita mulai dengan script html untuk membuat  text bergaris bawah contoh script.nya di bawah ya 🙂


	        Belajar Script Html Mengatur Bentuk Text
<u> Saya Bergaris Bawah</u>

Kitabisa copy paste , tapi sebaiknya kita mengetik ulang agar terbiasa dengan bahasa html, nah  Hasil Jadinya :
Saya Bergaris Bawah

  • Script Html membuat text Bold/ Cetak Tebal

oke script html berikutnya untuk membuat  text Bold/Cetak Tebal  contoh script.nya di bawah lagi  ya 🙂


	        Belajar Script Html membuat text Bold/ Cetak Tebal

 <strong> Saya Bercetak Tebal</strong>

Hasil Jadinya :
Saya Bercetak Tebal

  • Script Html membuat text Italic/ Cetak Miring

Bergaris bawah sudah, Cetak Tebal sudah ,oke script html berikutnya untuk membuat text Italic/Cetak Miring contoh script.nya di bawah lagi ya 🙂


	        Belajar Script Html membuat text Italic/ Cetak Miring

 <i> Saya BerCetak Miring </i>

Hasil Jadinya :
Saya Bercetak Miring

  • Script Html membuat text di coret

Selanjutnya script html untuk membuat  text di coret contoh script.nya di bawah lagi  ya 🙂


	        Belajar Script Html membuat text di coret

 <s> Wah Saya Di Coret </s>

Hasil Jadinya :
Wah Saya Di Coret

nah kita sudah mempelajari script html  membuat text tebal,miring, bergaris bawah dan text di coret.  Selanjutnya kita akan mempelajari bagaimana memberi warna pada text html

Script Html Untuk Mewarnai Text

pernah  kalian liat warna text di sebuah website memiliki warna yang beragam ada yang merah , hitam,hijau, biru ,kuning dan banyak lagi ,nah sekarang kita akan segera tahu rahasianya. berikut contoh.y :


	        Belajar Script Html untuk Mewarnai Text

 Merah : <span style="color: red;">Saya Berwarna Merah</span>

 Hitam : <span style="color: black;">Saya Berwarna Hitam</span>

 Hijau : <span style="color: green;">Saya Berwarna Hijau</span>

 Biru : <span style="color: blue;">Saya Berwarna Biru</span>

 Kuning : <span style="color: blue;">Saya Berwarna Kuning</span>

Setelah kalian copy paste / ketik ulang di text editor maka hasilnya adalah :
Merah : Saya Berwarna Merah

Hitam : Saya Berwarna Hitam

Hijau : Saya Berwarna Hijau

Biru : Saya Berwarna Biru

Kuning : Saya Berwarna Kuning

Sekian untuk SCRIPT HTML PEMULA  selamat mencoba dan jangan lupa untuk belajar lagi disini pokonya gratis selamanya.. 🙂 . Belajar satu persatu pasti bisa 🙂

Ditulis dalam Tutorial Html

Tinggalkan komentar

Tag: , , , , , , ,

Attribut Html

Feb 8

Posted by

 

Attribut Html  atau  HTML Attributes adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”

Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.

<a href="http://www.triandriyanto.wordpress.com/">Tutorial Pemrograman</a>

Coba contoh HTML diatas dengan HTML Editor.

Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman adalah value atau nilai atribut.

Berikut adalah beberapa atribut standar yang hampir dipakai semua elemen:

 

Atribut Nilai Keterangan
class class_rule atau style_rule Kelas elemen
id id_name Nomor unik suatu elemen
style style_definition Definisi gaya atau style
title tooltip_text  Tulisan yang akan tertampil pada tool tip

 

Nilai suatu atribut harus selalu dimulai dan diakhiri dengan tanda petik. Biasanya menggunakan tanda petik (“…”). Tanda petik ini mengapit petikan langsung dari suatu nilai elemen. Tanda petik tunggal juga diperlehkan untuk digunakan walaupun dalam keadaan tertentu nilai suatu atribut bisa berisi tanda kutip, untuk itu di pergunakan tanda kutip tunggal yang mengapit petikan yang tersusun di dalam petikan lain. Contoh :
name=’Komunitas “Programmer” Indonesia’

Sangat disarankan untuk penulisan atribut dan nilainya tetap menggunakan huruf kecil karena pada versi HTML yang lebih baru (X)HTML meminta penulisan menggunakan huruf kecil.

oke berikut contoh dari pemakaian attribut pada element  Html

 

<h3 style=”background-color:red;”> </h3>

Text H3 dengan background warna merah.
<body style=”background-color:green;”>

Membuat warna background hijau.
<FONT COLOR=”Lime”> </FONT> Merubah warna font menjadi “lime”.
<FONT SIZE=5> </FONT> Menyetel ukuran font.
<A HREF=”URL”> </A> Membuat link ke halaman Web lain.
<a href=”page2.htm”> </a> Untuk nge-link ke halaman Web lain pada website yang sama.
<a href=”Subfolder/page2.htm”> </a> Untuk ngelink ke halaman Web lain dalam subfolder pada website yang sama.
<a href=”../page2.htm”> </a> Kebalikannya dalam contoh diatas.
<h1 id=”heading1″> </h1> Untuk memberi tanda pada elemen dimana anda akan ngelink dalam halaman yang sama.
<a href=”#heading1″> </a> Untuk nge-lnk pada elemen yang telah anda tandai sebelumnya pada halaman yang sama.
<A HREF=”MAILTO:soscilla@gmail.com”> </A> Membuat link menuju email address.
<a href=”http://www.soscilla.blogspot.com/&#8221; title=”Kunjungi blog saya :)”> </a> Untuk membuat title pada link, seperti ini: Anda bisa meletakkan cursor anda pada link ini.
<p align=”right”> </p>

Untuk merubah posisi ke kanan halaman.
<FONT FACE=”Courier new, arial, helvetica”> </FONT> Untuk memilih jenis font yang akan digunakan.
<img src=”image url “> Untuk memasukkan gambar atau image.

Sekian untuk Dasar-Dasar Html  selamat mencoba dan jangan lupa untuk belajar lagi disini pokonya gratis selamanya.. 🙂 . Belajar satu persatu pasti bisa 🙂

Baca juga  Tutorial Html   lainnya untuk memudahkan anda belajar html

1. Pengenalan Html 2. Dasar-Dasar Html
3. Element Html 4. Atribut Html
5. Cara Membuat Heading 6. Cara Membuat Paragraph
7. Cara Mengatur Format Html 8. Cara Mengatur Font pada Html
9. Cara Membuat Style pada Html 10. Cara membuat Link pada Html
11. Cara Menampilkan Image pada Html 12. Cara Membuat Tabel pada Html
13. Cara Membuat List pada Html 14. Cara Membuat Form pada Html
15. Cara Membuat Frame pada Html 16. Cara Membuat Iframe pada Html
17. Cara Membuat Background pada Html 18. Cara Memanggil Css eksternal pada Html
19. Cara Menampilkan file suara pada Html 20. Cara Menampilakan Video pada Html
21. Cara Menampilkan Video dari Youtube 22. Cara Membuat Marquee / Text Berjalan
23. Cara Memanggil File eksternal Javascript 24. Cara Membuat hr/ garis horizontal
25. Cara Membuat Layout Web dari Table

Ditulis dalam Tutorial Html

Tinggalkan komentar

Tag: , , ,

Dasar html

Feb 5

Posted by

Dasar-Dasar Html

Dasar-Dasar Html

Dasar  Html  yang harus kamu miliki untuk belajar html adalah struktur dari HTML. Struktur dasar html bisa di ibaratkan dengan sandwich. Pernah Liat? Tentunya sudah pernah liat dong , kamu akan melihat roti  tawar yang ditumpuk-tumpuk dengan isi sayuran,daging,keju dan lain2  didalamnya. Struktur HTML ini sangat mirip seperti sandwich, isi yang dijepit oleh roti tersebut adalah isi dari kedua tag HTML yang menjepitnya. Apa itu tag? Sekarang kita langsung lihat saja pada struktur sederhana dari HTML.

Berikut  adalah struktur dasar html,

       <html>
	    <head>
	        <title>Belajar Dasar-Dasar Html</title>
	    </head>
	    <body>

	     <div>Aku Ingin Menjadi WebMaster,Langkah Awal.y
              Belajar Hatmnl dulua ah</div>

	    </body>
	</html>

nah dari contoh html disini terliahat Dasar -Dasar Html-nya , kode yang diawali dengan tanda “<” dan diakhiri dengan tanda “>” (tanpa tanda kutip) merupakan Element Html . Tag-tag html dasar adalah yang kalian lihat diatas, yaitu html, head, dan body, inilah roti dari sandwich kita, mereka masing-masing menjepit isinya.

coba deh kamu perhatikan  kode html  paling atas dan paling bawah, yaitu

<html>
</html>

Kedua tag tersebut adalah Element Html utama , segala yang terdapat dalam -nya  adalah bagian dari html.

oke sekarang sedikit saya akan jelaskan  struktur dasar html diatas . Tag <head> dan </head> digunakan untuk meletakkan informasi-informasi penting yang tidak ditampilkan oleh browser , seperti file Javascriptdan Css .

Nah untuk Tag <body> dan </body> adalah isi dari halaman website. Disini tulisan, gambar, tabel, kalian akan ditampilkan di browser. Itulah mengapa tag ini disebut body . Ada banyak tag-tag HTML lain yang bisa ditampilkan disini misalnya <img> untuk menampilkan gambar, <p> untuk menampilkan paragraf, <table> untuk menampilkan tabel, dan masih banyak lagi. Tag-tag html ini dapat kalian temukan definisinya dan cara pemakaiannya pada pembahasan khusus tag.

Selain itu ada hal  mendasar lagi yang harus kalian ketahui dalam membuat suatau website yaitu Atribut Html. Atribut berbeda dengan tag, atribut adalah keterangan untuk tag. Misalnya untuk tag body ada beberapa atribut seperti bgcolor, dan background.

Sekian untuk Dasar-Dasar Html  selamat mencoba dan jangan lupa untuk belajar lagi disini pokonya gratis selamanya.. 🙂 . Belajar satu persatu pasti bisa 🙂

Baca juga  Tutorial Html   lainnya untuk memudahkan anda belajar html

1. Pengenalan Html 2. Dasar-Dasar Html
3. Element Html 4. Atribut Html
5. Cara Membuat Heading 6. Cara Membuat Paragraph
7. Cara Mengatur Format Html 8. Cara Mengatur Font pada Html
9. Cara Membuat Style pada Html 10. Cara membuat Link pada Html
11. Cara Menampilkan Image pada Html 12. Cara Membuat Tabel pada Html
13. Cara Membuat List pada Html 14. Cara Membuat Form pada Html
15. Cara Membuat Frame pada Html 16. Cara Membuat Iframe pada Html
17. Cara Membuat Background pada Html 18. Cara Memanggil Css eksternal pada Html
19. Cara Menampilkan file suara pada Html 20. Cara Menampilakan Video pada Html
21. Cara Menampilkan Video dari Youtube 22. Cara Membuat Marquee / Text Berjalan
23. Cara Memanggil File eksternal Javascript 24. Cara Membuat hr/ garis horizontal
25. Cara Membuat Layout Web dari Table

Ditulis dalam Tutorial Html

1 Komentar

Tag: , , , , , , , , , , , , , ,

Pengenalan Html

Feb 4

Posted by

Pengenalan Html

Pengenalan Html

Pengenalan Html  adalah langkah awal bagi para calon programer web untuk mengenal apa sih itu Html dan  Bagaimana membuat web dengan html

Oke  kita mulai belajar html  dari definisi apa itu Html ?? ,Pengertian html adalah bahasa pemrograman dasar yang digunakan untuk membangun sebuah situs. HTML sangat mudah digunakan dan diaplikasikan, oleh karena itu apabila kalian ingin belajar membangun sebuah situs sendiri maka kode html wajib kalian pelajari. Pengantar html ini akan diberikan dalam bahasa yang mudah dimengerti dan di mulai dari dasar-dasar html sehingga kalian dapat belajar mulai dari nol alias tidak tahu apa-apa tentang html.

Html singkatan dari Hypertext Markup Language yang merupakan bahasa paling standard yang digunakan untuk membuat suatu website. HTML bukanlah merupakan suatu bahasa pemrograman, karena kode html atau script html hanya berguna untuk mengontrol tampilan dari suatu halaman (web page) beserta isinya, beda dengan bahasa PHP yang didalamnya dapat mendukung suatu bentuk perulangan (Loop) atau bentuk kondisi (if-else) sehingga bahasa PHP dapat disebut sebagai suatu bahasa pemrograman. Namun dengan berawal dari bahasa paling dasar ini kamu dapat menambahkan obyek-obyek  lainnya seperti gambar, suara, video, dan permainan flash dalam suatu dokumen HTML.

Berikut Daftar Tutorial Html untuk memudahkan anda belajar html

1.  Pengenalan Html    2.  Dasar-Dasar Html
3.  Element Html  4.  Atribut Html
5.  Cara Membuat Heading  6.  Cara Membuat Paragraph
 7.  Cara Mengatur Format Html  8.  Cara Mengatur Font pada Html
 9.  Cara Membuat Style pada Html  10. Cara membuat Link pada Html
 11. Cara Menampilkan Image pada Html  12. Cara Membuat Tabel pada Html
 13. Cara Membuat List pada Html  14. Cara Membuat Form pada Html
 15. Cara Membuat Frame  pada Html  16. Cara Membuat Iframe pada Html
  17. Cara Membuat Background pada Html  18. Cara Memanggil  Css eksternal  pada Html
 19. Cara Menampilkan file suara pada Html  20. Cara Menampilakan Video pada Html
 21. Cara Menampilkan Video dari Youtube  22. Cara Membuat Marquee / Text Berjalan
 23. Cara Memanggil File eksternal Javascript   24. Cara Membuat hr/ garis horizontal
  25. Cara Membuat Layout Web dari Table

Sekian untuk Pengenalan Html dan jangan lupa untuk belajar lagi disini pokonya gratis selamanya.. 🙂 . Belajar satu persatu pasti bisa 🙂

Ditulis dalam Tutorial Html

1 Komentar

Tag: , , , , ,