download disini
untuk download silahkan click link di atas
Senin, Desember 5
Senin, Oktober 24
HTML BASIC DOCUMENT
Contoh
<html>
<head>
<title> Judul dokumen masuk sini </ title>
</ Head>
<body>Teks yang terlihat berjalan di sini ...</ Body>
</ Html>
Elemen Pos
<h1> Terbesar Heading </ h1>
<h2>. . . </ h2>
<h3>. . . </ h3>
<h4>. . . </ h4>
<h5>. . . </ h5>
<h6> Terkecil Heading </ h6>
Teks Elemen
<p> Ini adalah sebuah paragraf </ p>
<br /> (line break)
<hr /> (horizontal rule)
<pre> Teks ini terformat </ pre>
Logis Styles
<em> Teks ini menekankan </ em>
<strong> Teks ini kuat </ strong>
<code> Ini adalah beberapa kode komputer </ code>
Fisik Gaya
<b> Teks ini ditebalkan </ b>
<i> Teks ini miring </ i>
LinkLink Biasa:
<a href="http://www.example.com/"> Link-teks goes here </ a>
Image-link:
<a href="http://www.example.com/"> <img src="URL" alt="Alternate Text" /> </ a>
Link mailto:
<a href="mailto:fhandy@example.com"> <a Kirim e-mail </ a>
Sebuah nama anchor:
<a name="tips"> Tips Bagian </ a>
<a href="#tips"> Langsung ke Bagian Tips </ a>
Daftar unordered
<ul>
<li> Barang </ li>
<li> Barang </ li>
</ ul>
Daftar berurut
<ol>
<li> Item pertama </ li>
<li> item yang Kedua </ li>
</ ol>
Daftar definisi
<dl>
<dt> Istilah pertama </ dt>
<dd> Definisi </ dd>
<dt> Istilah Berikutnya </ dt>
<dd> Definisi </ dd>
</ dl>
Tabel
<table border="1">
<tr>
<th>Tableheader </ th>
<th> Tableheader </ th>
</ Tr>
<tr>
<td> sometext </ td>
<td> sometext </ td>
</ Tr>
</ Table>
Iframe
<iframe src="demo_iframe.htm"> iframe</ iframe>
Frame
<FRAMESET cols="25%,75%">
<FRAME src="page1.htm" />
<FRAME src="page2.htm" />
</ Frameset>
Formulir
<form action="http://www.example.com/test.asp" method="post/get">
<input type="text" name="email" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" value="Send" />
<input type="reset" />
<input type="hidden" />
<select>
<option> Apel </ option>
<option selected="selected"> Pisang </ option>
<option> Ceri </ option>
</ Select>
<textarea name="comment" rows="60" cols="20"> </ textarea>
</ Form>
Entitas
< adalah sama seperti <
> Adalah sama sebagai >
© adalah sama dengan ©
Elemen lain
<- Ini adalah komentar ->
<blockquote>Teks yang dikutip dari sumber.</ Blockquote>
<address>Ditulis oleh fhandy.com </br>
Email <a href="mailto:fhandy@example.org"> email kami</ a> <br />
Alamat: Box 999, Manado <br />
Telepon: +12 34 56 78
</ address>
<html>
<head>
<title> Judul dokumen masuk sini </ title>
</ Head>
<body>Teks yang terlihat berjalan di sini ...</ Body>
</ Html>
Elemen Pos
<h1> Terbesar Heading </ h1>
<h2>. . . </ h2>
<h3>. . . </ h3>
<h4>. . . </ h4>
<h5>. . . </ h5>
<h6> Terkecil Heading </ h6>
Teks Elemen
<p> Ini adalah sebuah paragraf </ p>
<br /> (line break)
<hr /> (horizontal rule)
<pre> Teks ini terformat </ pre>
Logis Styles
<em> Teks ini menekankan </ em>
<strong> Teks ini kuat </ strong>
<code> Ini adalah beberapa kode komputer </ code>
Fisik Gaya
<b> Teks ini ditebalkan </ b>
<i> Teks ini miring </ i>
LinkLink Biasa:
<a href="http://www.example.com/"> Link-teks goes here </ a>
Image-link:
<a href="http://www.example.com/"> <img src="URL" alt="Alternate Text" /> </ a>
Link mailto:
<a href="mailto:fhandy@example.com"> <a Kirim e-mail </ a>
Sebuah nama anchor:
<a name="tips"> Tips Bagian </ a>
<a href="#tips"> Langsung ke Bagian Tips </ a>
Daftar unordered
<ul>
<li> Barang </ li>
<li> Barang </ li>
</ ul>
Daftar berurut
<ol>
<li> Item pertama </ li>
<li> item yang Kedua </ li>
</ ol>
Daftar definisi
<dl>
<dt> Istilah pertama </ dt>
<dd> Definisi </ dd>
<dt> Istilah Berikutnya </ dt>
<dd> Definisi </ dd>
</ dl>
Tabel
<table border="1">
<tr>
<th>Tableheader </ th>
<th> Tableheader </ th>
</ Tr>
<tr>
<td> sometext </ td>
<td> sometext </ td>
</ Tr>
</ Table>
Iframe
<iframe src="demo_iframe.htm"> iframe</ iframe>
Frame
<FRAMESET cols="25%,75%">
<FRAME src="page1.htm" />
<FRAME src="page2.htm" />
</ Frameset>
Formulir
<form action="http://www.example.com/test.asp" method="post/get">
<input type="text" name="email" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" value="Send" />
<input type="reset" />
<input type="hidden" />
<select>
<option> Apel </ option>
<option selected="selected"> Pisang </ option>
<option> Ceri </ option>
</ Select>
<textarea name="comment" rows="60" cols="20"> </ textarea>
</ Form>
Entitas
< adalah sama seperti <
> Adalah sama sebagai >
© adalah sama dengan ©
Elemen lain
<- Ini adalah komentar ->
<blockquote>Teks yang dikutip dari sumber.</ Blockquote>
<address>Ditulis oleh fhandy.com </br>
Email <a href="mailto:fhandy@example.org"> email kami</ a> <br />
Alamat: Box 999, Manado <br />
Telepon: +12 34 56 78
</ address>
BASIC HTML
Jangan khawatir jika contoh menggunakan tag Anda belum belajar.
HTML Pos
Judul HTML didefinisikan dengan tag <h1> sampai <h6>
contoh
<h1> Ini adalah heading </ h1>
<h2> Ini adalah heading </ h2>
<h3> Ini adalah heading </ h3>
HTML Link
Link HTML didefinisikan dengan tag <a>.
contoh
href="http://www.fhandykun.blogspot.com"> <a Ini adalah link </ a>
Catatan: Alamat link ditentukan dalam atribut href.
HTML Gambar
Gambar HTML didefinisikan dengan tag <img>.
contoh
<img width="104" height="142" /> src="fhandy.jpg"
Catatan: Nama dan ukuran gambar disediakan sebagai atribut.
HTML Pos
Judul HTML didefinisikan dengan tag <h1> sampai <h6>
contoh
<h1> Ini adalah heading </ h1>
<h2> Ini adalah heading </ h2>
<h3> Ini adalah heading </ h3>
HTML Link
Link HTML didefinisikan dengan tag <a>.
contoh
href="http://www.fhandykun.blogspot.com"> <a Ini adalah link </ a>
Catatan: Alamat link ditentukan dalam atribut href.
HTML Gambar
Gambar HTML didefinisikan dengan tag <img>.
contoh
<img width="104" height="142" /> src="fhandy.jpg"
Catatan: Nama dan ukuran gambar disediakan sebagai atribut.
HTML (part 02)
Apa yang Anda Butuhkan ?
Anda tidak perlu alat untuk belajar HTML
Anda tidak perlu editor HTML
Anda tidak perlu web server
Anda tidak perlu situs web
mengedit HTML
HTML dapat ditulis dan diedit menggunakan editor seperti Dreamweaver dan Visual Studio.
Namun, dalam tutorial ini kita menggunakan editor teks biasa (seperti Notepad) untuk mengedit HTML. Kami percaya menggunakan editor teks biasa adalah cara terbaik untuk mempelajari HTML.
Jika Anda ingin membuat halaman pengujian pada komputer Anda sendiri, hanya menyalin 3 file di bawah ini untuk desktop Anda.
(Klik kanan pada setiap link, dan pilih "save target as" atau "save link as")
mainpage.htm
page1.htm
page2.htm
Setelah Anda telah menyalin file, Anda dapat mengklik dua kali pada file yang bernama "mainpage.htm" dan lihat situs web pertama Anda dalam tindakan.
Kami menyarankan Anda bereksperimen dengan segala sesuatu yang Anda pelajari mengedit file web Anda dengan editor teks (seperti Notepad).
Catatan: Jika web pengujian Anda berisi tag HTML markup yang anda belum belajar, jangan panik. Anda akan mempelajari semua tentang hal itu dalam bab-bab berikutnya.
HTM atau HTML Ekstensi. File?.
Bila Anda menyimpan sebuah file HTML, Anda dapat menggunakan baik htm atau html ekstensi file... Tidak ada perbedaan, itu sepenuhnya terserah Anda.
Anda tidak perlu alat untuk belajar HTML
Anda tidak perlu editor HTML
Anda tidak perlu web server
Anda tidak perlu situs web
mengedit HTML
HTML dapat ditulis dan diedit menggunakan editor seperti Dreamweaver dan Visual Studio.
Namun, dalam tutorial ini kita menggunakan editor teks biasa (seperti Notepad) untuk mengedit HTML. Kami percaya menggunakan editor teks biasa adalah cara terbaik untuk mempelajari HTML.
Jika Anda ingin membuat halaman pengujian pada komputer Anda sendiri, hanya menyalin 3 file di bawah ini untuk desktop Anda.
(Klik kanan pada setiap link, dan pilih "save target as" atau "save link as")
mainpage.htm
page1.htm
page2.htm
Setelah Anda telah menyalin file, Anda dapat mengklik dua kali pada file yang bernama "mainpage.htm" dan lihat situs web pertama Anda dalam tindakan.
Kami menyarankan Anda bereksperimen dengan segala sesuatu yang Anda pelajari mengedit file web Anda dengan editor teks (seperti Notepad).
Catatan: Jika web pengujian Anda berisi tag HTML markup yang anda belum belajar, jangan panik. Anda akan mempelajari semua tentang hal itu dalam bab-bab berikutnya.
HTM atau HTML Ekstensi. File?.
Bila Anda menyimpan sebuah file HTML, Anda dapat menggunakan baik htm atau html ekstensi file... Tidak ada perbedaan, itu sepenuhnya terserah Anda.
HTML
HTML adalah bahasa untuk mendeskripsikan halaman web.
HTML singkatan dari Hyper Text Markup Language
HTML bukanlah bahasa pemrograman, itu adalah bahasa markup
Sebuah bahasa markup adalah seperangkat tag markup
HTML menggunakan tag markup untuk mendeskripsikan halaman web
Tag HTML
HTML markup tag biasanya disebut tag HTML
Tag HTML adalah kata kunci dikelilingi oleh sudut kurung seperti <html>
Tag HTML umumnya selalu berpasangan seperti <b> dan </ b>
Tag pertama dalam pasangan adalah tag pembuka, tag kedua adalah tag akhir
Mulai dan tag akhir juga disebut tag pembuka dan tag penutup
Dokumen HTML = Halaman Web
Menjelaskan dokumen HTML halaman web
Dokumen HTML berisi tag HTML dan teks biasa
Dokumen HTML juga disebut halaman web
Tujuan dari web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman tersebut:
<html>
<body>
<h1> halama pertama </ h1>
<p> paragraf pertama saya </ p>.
</ body>
</ html>
contoh
Teks di antara <html> dan </ html> menjelaskan halaman web
Teks di antara <body> dan </ body> adalah isi halaman yang terlihat
Teks di antara <h1> dan </ h1> ditampilkan sebagai judul
Teks di antara <p> dan </ p> ditampilkan sebagai sebuah paragraf
Rabu, Oktober 19
Cara Membuat Paragrhap pada html
berikut contohnya
silahkan di coba ^^
<p>cara membuat paragraph pada html via notepad</p>
<p>hahahahahaah</p>
silahkan di coba ^^
Senin, Oktober 17
Membuat table html pada notepad
<html>
<head>
<title>untitle</title>
</head>
<body>
</body>
</html>
<head>
<title>untitle</title>
</head>
<body>
<table border="1">
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</table></tr>
</body>
</html>
dasar-dasar HTML pada note pad
Pertama harus memikirkan thema apa yang akan kita buat
lalu
masukan kode
contoh html sudah jadi....
lalu
masukan kode
<html>
<head>
<title>contoh title bisa apa saja</title>
</head>
<body>
</body>
</html>
contoh html sudah jadi....
Langganan:
Postingan (Atom)