Popular Post

My Blog List

Followers

Translate

  • Tamako Market

    Tamako Kitashirakawa is the eldest daughter of a family which runs a mochi shop in her town's bustling Tama-ya shopping district.

  • Vividred Operation

    The story is set in a futuristic and peaceful world made possible thanks to the invention of the Manifestation Engine (示現エンジン Jigen Enjin?), which solved an energy crisis five years prior.

  • Ore no Kanojo to Osananajimi ga Shuraba Sugiru

    Eita Kidō enters high school with the aim to attend medical school. Due to his parents getting divorced and his intention to maintain his grades, he shuns anything to do with romance or love.

  • Maoyuu Maou Yuusha

    The story is set in a world embroiled by war between Humans and Demons. The Humans' greatest hero invades the Demon King's castle determined to vanquish her. However, instead of fighting back, the King proposes an alliance with the Hero.

HTML Dasar

Posted by Unknown
Selasa, 05 Januari 2016

HTML Dasar


HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.

Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad.

Bentuk umum:
<html>
<head>
<title> Letakkan judul situs di sini </title>
</head>
<body>
Ini halaman situs Anda. Letakkan perintah-perintah HTML di sini.
Ini halaman situs Anda. Letakkan perintah-perintah HTML di sini. Ini halaman situs Anda. Letakkan perintah-perintah HTML di sini.
</body>

</html>

Berikut beberapa perintah HTML dan fungsinya:

Tag
Atribut/Contoh penulisan
Fungsi
<body>
<body bgcolor=”red>
<body bgcolor=#FF0000>

text= ... link=...” vlink=...alink=...

<body background=”D:\Gambar.jpg>
Backgorund halaman berwarna merah

Memberi warna pada teks
Warna link
Warna link yang sudah dikunjungi
Warna link yang aktif

Memberi background gambar pada halaman
<a> ... </a>
<a href=”D:\home.html”>Home</a>
<a
href="http://www.yahoo.com/">Ya hoo!</a>
<a
>here</a> to email me!
Membuat hyperlink/link
<img>
<img src="person.jpg" width="50" height="50" border="0" alt="Person" align="left">
Memasukkan gambar dengan nama file gambar person.jpg, lebar 50px, tinggi 50px, border 0,
rata kiri, dan jika gambar tidak muncul akan keluar teks Person


<img src=”C:\ Documents\My Pictures\Sample Pictures\Sunset.jpg>



<font>... /font>
<FONT size="2" color="#FFFF00" face="arial">...</font>
Mengatur font dengan ukuran 2, warna kuning, jenis huruf Arial
<BIG>...</BIG>
<BIG>Contoh </BIG>
Membuat teks Contoh menjadi lebih besar
<SMALL>...</SMALL>
<SMALL> Contoh</SMALL>
Membuat teks Contoh menjadi lebih kecil
<b>...</b>
Teks bold/dicetak lebih tebal

<i></i>
Teks italic/miring

<strike>...</strike>
Teks tercoret

<u>...</u>
Teks underlined

<h1>...</h1>
Teks heading 1. Tingkat heading bisa sampai tingkat 6. Semakin besar tingkar heading, maka teks aka dicetak semakin kecil

<hr>
<hr width=600>





<hr align=center” size=5
width=80%
Garis dengan lebar 600. Tag <hr>
tidak perlu ditutup

Garis dengan tinggi 5, lebar 80% dari lebar layar browser dan rata tengah
<p align=center’> ...
</p>
Paragraf rata tengah. Perintah ini juga dapat ditulis dengan tag
<center>...</center>

<br>
Tag untuk ganti baris
Tag <br> tidak perlu ditutup
<sup>...</sup>
Teks superscript

<sub>...</sub>
Teks subscript

<marquee> ....
</marquee>
Teks berjalan. Memiliki atribut direction, behavior dan lain-lain. Contoh:
<marquee direction=”right>
....</marquee>
<marquee behavior=alternate>
... </marquee>



- Copyright © 2013 Pemrograman Web - Fansuber Otaku - Powered by Blogger