Friday, 29 November 2013

Cara memberikan warna font pada HTML

Assalamua'alaikum

Ini ada contoh pemberian warna font pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title> Warna font </title>
</head>
<body>
<pre>
<font color="red">Merah</font>
<font color="blue">Biru</font>
<font color="green">Hijau</font>
</pre>
</body>
</html>

ini adalah hasilnya :


at No comments:

Cara membuat garis pada HTML

Assalamua'alaikum

Ini ada contoh pembuatan garis pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title>Membuat Garis</title>
</head>
<body>
<pre>
<hr>
<hr align="left" width="180" size="10" noshade>
<hr align="center" width="70" size="30" color="blue">
<hr align="right" width="500" size="20" noshade color="green">
</pre>
</body>
</html>

ini adalah hasilnya :


at No comments:

Cara membuat daftar pada HTML

Assalamua'alaikum

Ini ada contoh membuat daftar pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
</title>Membuat Daftar List</title>
</head>
<body>
<pre>
<h3 align="center">Contoh List Nomor</h3>
<ol>
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ol>
<h3 align="center">Contoh List Huruf Besar</h3>
<ol type="A">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ol>
<h3 align="center">Contoh List Huruf Kecil</h3>
<ol type="a">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ol>
<h3 align="center">Contoh List Angka Romawi Besar</h3>
<ol type="I">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ol>
<h3 align="center">Contoh List Angka Romawi Kecil</h3>
<ol type="i">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
<ol>
</pre>
</body>
</html>

ini adalah hasilnya :

at No comments:

Cara membuat daftar tulisan dengan simbol pada HTML

Assalamua'alaikum

Ini ada contoh membuat daftar dengan simbol pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
</title>Membuat Daftar List</title>
</head>
<body>
<pre>
<h3 align="center">Contoh List Disk</h3>
<ul type="disk">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ul>
<h3 align="center">Contoh List Circle</h3>
<ul type="circle">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ul>
<h3 align="center">Contoh List Square</h3>
<ul type="square">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ul>
</pre>
</body>
</html>


ini adalah hasilnya :


at No comments:

Cara membuat list definisi pada HTML

Assalamua'alaikum

Ini ada contoh membuat list definisi pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title>List Definisi</title>
</head>
<body>
<pre>
<h3 align="center">Contoh List Definisi</h3>
<dl>
<dt>Pengertian List definisi</dt>
    <dd>List definisi digunakan untuk mendefinisikan atau menjelaskan istilah-istilah,oleh
    karena itu disebut juga dengan daftar istilah.
    </dd>
<dt>Ieyhan Enjoy</dt>
    <dd>Seorang mahasiswa semester 5 Teknik Informatika di sebuah universitas di Yogyakarta yaitu,
    Universitas Respati yogyakarta.</dd>
</dl>
</pre>
</body>
</html>

ini adalah hasilnya :

at No comments:

Contoh mengkombinasi sebuah daftar pada HTML

Assalamua'alaikum

Ini ada contoh menggabungkan daftar pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title>Kombinasi Daftar List</title>
</head>
<body>
<pre>
<h4 align="center">Universitas Respati yogyakarta</h4>
<ol>
<li>Fakultas Kesehatan
<ul type="square">
    <li>Keperawatan</li>
    <li>Kesehatan Masyarakat</li>
    <li>Kebidanan</li>
    <li>Bidan Pendidik</li>
    <li>Ilmu Gizi</li>
</ul>
</li>
<li>Fakul Sains dan Teknologi
<ul type="circle">
    <li>Teknik Informatika</li>
    <li>Teknik Elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ul>
</li>
<li>Fakultas Sosial dan Ekonomi
<ul type="disk">
    <li>Akuntansi</li>
    <li>Hubungan Internasional</li>
    <li>Bahasa Inggris</li>
</ul>
</li>
</ol>
</pre>
</body>
</html>

ini adalah hasilnya :

at No comments:

Cara memasukkan jenis font pada HTML

Assalamua'alaikum

Ini ada contoh memasukkan jenis font pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title>Jenis Font</title>
</head>
<body>
<pre>
<font face="arial">Arial</font>
<font face="Times new roman">Times New Roman</font>
<font face="comic san ms">Comic San MS</font>

<font size=9 color="blue" face="stencil">Ieyhan Enjoy</font>
</pre>
</body>
</html>

ini adalah hasilnya :

at No comments:

cara mengatur ukuran font pada HTML

Assalamua'alaikum

Ini ada contoh pengaturan font pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title> Ukuran Font </title>
</head>
<body>
<pre>
<font size=1>ukuran 1 </font>
<font size=2>ukuran 2 </font>
<font size=3>ukuran 3 </font>
<font size=4>ukuran 4 </font>
<font size=5>ukuran 5 </font>
<font size=6>ukuran 6 </font>
<font size=7>ukuran 7 </font>
</pre>
</body>
</html>

ini hasilnya :


at No comments:

Contoh penggunaan tag style pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan tag style pada HTML,ketik dan simpan dalam format HTML (namafile.html).


<html>
<head>
<title> Style </title>
</head>
<body>
<pre>
<b> tag "b" Tebal </b>
<i> tag "i" Miring </i>
<u> tag "u" garis bawah </u>
<s> tag "s" coretan </s>
<blink> tag "blink" berkedip </blink>
<tt> tag "tt" type writer </tt>
<big> tag "big" besar </big>
<small> tag "small" kecil </small>
tag "sub" <sub>subscript </sub>
tag "sup" <sup>superscript </sup>
</pre>
</body>
</html>

ini hasilnya :



at No comments:

Contoh penggunaan tag heading pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan tag heading pada HTML,ketik dan simpan dalam format HTML (namafile.html).

 <html>
<head>
<title> Heading </title>
</head>
<body>
<pre>
<h1> Ieyhan Enjoy </h1>
<h2> Ieyhan Enjoy </h2>
<h3> Ieyhan Enjoy </h3>
<h4> Ieyhan Enjoy </h4>
<h5> Ieyhan Enjoy </h5>
<h6> Ieyhan Enjoy </h6>
</pre>
</body>
</html>

Untuk sekedar diingat <h1> menghasilkan tulisan yang paling kecil dan <h6> untuk tulisan yang besar...ok broo...

ini adalah hasilnya :


at No comments: