Diberdayakan oleh Blogger.
Home » Semua post berkategori HTML
Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Belajar Beberapa Tag HTML

Belajar Beberapa Tag HTML

  • Tag Tunggal
    • Secara umum tag HTML selalu berpasangan. Namun ada juga beberapa tag yang tidak memiliki pasangan. Misalnya tag <p> <br> <hr>. Tag <p> sebenarnya adalah tag yang memiliki pasangan. Namun tag penutup sering kali tidak ditulis.
    Tag <p> digunakan untuk membuat paragraf baru. Lihat contoh berikut ini.
    <p>Ini adalah paragraf pertama.</p> <p> Ini adalah paragraf kedua.</p>

    Namun seringkali tag penutup tidak ditulis.
    Tag <br> digunakan untuk membuat baris baru.
    Nama<br>saya<br>adalah<br>Aga<br>Kurniawan

    Akan tampil seperti ini.
    Nama
    saya
    adalah
    Aga
    Kurniawan

    Tag <hr> digunakan untuk membuat garis. Lihat contoh.
    Nama saya <hr color=red>
    Aga Kurniawan

    Nama saya
    Aga Kurniawan
  • Tag Heading
    • Tag Heading digunakan untuk membuat judul pada paragraf. Ada 6 level atau tingkatan dalam tag heading.
    Sintaksnya seperti ini.
    <Hn> Judul paragraf </Hn>
    n diganti dengan angka 1 sampai 6.
    Contoh penulisannya seperti ini.
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>

    Pada web browser akan tampil seperti ini.

    Heading 1


    Heading 2


    Heading 3


    Heading 4


    Heading 5

    Heading 6

  • Font Style
    • Dalam HTML terdapat juga font style.
    Font style yang sering digunakan.







    Tag Keterangan

    <b>    		huruf
    tebal (bold)

    <i>    		huruf
    miring (italic)

    <u>    		 huruf garis bawah (underline).
  • Tag Font

    • Dalam mengatur tampilan text seperti warna, jenis dan ukuran text, kita dapat menggunakan tag <font> dengan sintak seperti dibawah ini.



    <font face="namafont" size="4" color="red> Teks yang diatur </font>


    Contoh penggunaannya:


    <font face="arial" size="4" color="purple> Teks arial ungu ukuran 4 </font>




Unknown / Sabtu, 09 Februari 2013 / Tulis Komentar / Baca Selengkapnya »
Belajar HTML Dasar

Belajar HTML Dasar


HTML (Hyper Text Markup Language) merupakan sebuah file yang berisi kode-kode tertentu atau tag yang dieksekusi dan ditampilkan oleh web browser.

File HTML dapat dibuat menggunakan text editor apapun, seperti notepad, vi bahkan bisa juga dibuat menggunakan text editor mobile/handphone.
Penulisan tag HTML biasanya ditandai dengan awalan "<" dan akhiran ">". Dan biasanya tag HTML dibuat berpasangan, akan tetapi ada juga tag tunggal dalam html.

Contoh penulisan tag HTML yang berpasangan :



<namatag>Text yang ditampilkan</namatag>
<namatag> merupakan tag pembuka, sedangkan </namatag> merupakan tag penutup. Sudah sangat jelas pembeda antara tag pembuka dan penutup, yaitu dalam tag penutup terdapat karakter "/".


Contoh penggunaannya sebagai berikut.

<b>text ini tampil tebal</b>


Kode tersebut akan tampil seperti ini.

text ini tampil tebal
Penulisan tag HTML tidak memperhatikan besar kecilnya huruf (case in-sensitive). Tidak seperti bahasa pemrograman seperti php dan javascript yang memperhatikan besar kecilnya penulisan kodenya.
Mengenal Beberapa Tag HTML


File html ditandai dengan dengan tag <html> dan diakhiri dengan </html>.

Lihat kode berikut ini.


<html>
<head>
<title>ini tag menampilkan judul</title>

</head>

<body>

<!-- Ini merupakan komentar, tidak akan tampil pada web browser -->

Disini text akan ditampilkan oleh browser.

</body>

</html>

Tag <title> berfungsi untuk menampilkan judul. Tag <title> diapit oleh tag <head>.


Semua text yang akan tampil pada web browser berada pada tag <body>.


  • Tag Body
    • Seperti yang telah saya sampaikan diatas, text akan ditampilkan web browser apabila berada pada tag body. Dalam tag body kita juga dapat menambahkan atribut dan value. Penulisannya seperti ini.
    <namatag atribute=value>
    contoh:
    <body bgcolor=green width=200px>

    bgcolor dan color termasuk atribut, sedangkan green dan 200px merupakan value. Kita bisa memberikan banyak atribut pada tag body. Beberapa contoh atribut antara lain:
    • BGCOLOR
      • untuk mengatur warna latar belakang pada tag body. Value berupa warna dalam bahasa inggris dan warna dalam hexadesimal.
    • BACKGROUND
      • untuk membuat latar belakang berupa file gambar. Contoh penulisan seperti ini <body background="/images/bg.png" > . Akan menampilkan latar belakang berupa file bg.png dalam folder images.
    • WIDTH
      • untuk mengatur lebar halaman. Value berupa angka.
    • HEIGHT
      • untuk mengatur tinggi. Value berupa angka.
    • dll
Untuk sementara tulisan ini saya akhiri sampai disini. Karena jempol saya sudah lelah (mengetik postingan lewat hp).


Mohon maaf jika ada tulisan yang salah.

-Terima kasih-




Unknown / Jumat, 08 Februari 2013 / Tulis Komentar / Baca Selengkapnya »
Encode dan Decode dalam HTML

Encode dan Decode dalam HTML

Apa itu Encode dan Decode dalam html?
Menurut pengertian saya encode dalam html adalah merubah kode html asli menjadi kode lain sehingga browser akan mengeksekusi kode tersebut tidak sebagai kode html. (ngawur)
Sedangkan pengertian decode adalah mengembalikan data ke kode asli dari kode yang telah diencode.(mubeng)
Berikut ini beberapa contoh kode html yang diencode.

Kode htmlEncode
&lt &lt;
&gt &gt;
&quot &quot;

Contoh penggunaannya adalah ketika kita akan menampilkan kode html dalam postingan. Apa bila kita menulis kode html dalam postingan yang tanpa diencode, maka kode tersebut akan dieksekusi browser sebagai kode html.
Berikut ini contohnya.


Maka akan tampil seperti ini.
Aggha's blog
Lain halnya jika kita menulis postingan dengan yang telah diencode seperti ini.

Maka dalam postingan akan tampil seperti ini.
<a href=http://agathok.blogspot.com/>Aggha's blog</a>

Jadi penggunaan encode sangat penting untuk membuat kode html dapat tampil di postingan kita.
Tetapi kita tidak perlu susah payah merubah &lt menjadi &lt dan &gt menjadi &gt satu per satu, karena sudah terdapat generator yang memudahkan kita.
Kita hanya perlu mempastekan kode html asli yang akan kita ubah menjadi encode.
Silahkan langsung menuju ke opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx untuk mencobanya.
Demikian sedikit pengetahuan saya mengenai pengertian encode dan decode, serta kegunaannya.
Mohon maaf bila ada kesalahan.

-Terima kasih-





Unknown / Kamis, 07 Februari 2013 / 2 Komentar / Baca Selengkapnya »
Langganan: Postingan (Atom)