Kamis, 05 Mei 2016

PENGGUNAAN TAG HTML

untuk membuat paragraf dalam sebuah halaman web digunakan Tag <p> </p>
paragraph ada yang bertipe rata kiri, tengah, kanan dan justify. seperti contoh dibawah ini dalam penggunaan paragraf 
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>judul website</title>
</head>

<body>
    <p> untuk membuat paragraf </p>

</body>
</html>
Read more

Jumat, 29 April 2016

CONTOH PENULISAN HTML

banyak tag-tag pada html diantaranya :
beberapa contoh penggunaan tag html seperti di bawah ini


Contoh
Hasil
< b> Ini tulisan tebal< /b> 
I ni tulisan tebal (membuat tebal)
< i> Ini tulisan miring< /i> 
Ini tulisan miring
< u> Ini tulisan bergaris bawah< /u> 
Ini tulisan bergaris bawah
Ini baris 1< br> Ini baris 2
Ini baris 1
Ini garis horizontal < hr> 
Ini baris 2
Ini garis horizontal 
                                                                                                                                                                                                                                                                                                                                                                                              
Read more

Rabu, 27 April 2016

LAY OUT2

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>judul website</title>
</head>

<body>
    <header>
    <h1> judul website</h1>
    <h2> sub judul</h2>
    </header>
   
    <nav>
        <ul>
            <li>menu1</li>
            <li>menu2</li>
            <li>menu3</li>
        </ul>
    </nav>
   
    <main>
    <section>
    <article>
    <h1> ini adaah bagian bola basket</h1>
    <p> ini teknya bola basket </p>
    <footer>ini bagian bawah bola basket</footer>
    <article>
    </section>
    </main>
   
    <aside>
   
    </aside>
   
    <footer>
    <p>copyright 2016</p>
    </footer>
   
   
</body>
</html>
Read more

Minggu, 24 April 2016

LAY OUT HTML 5 (CONTOH)

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>judul website</title>
</head>

<body>
    <header>
    <h1> judul website</h1>
    <h2> sub judul</h2>
    </header>
   
    <nav>
        <ul>
            <li>menu1</li>
            <li>menu2</li>
            <li>menu3</li>
        </ul>
    </nav>
   
    <main>
   
    </main>
   
    <aside>
   
    </aside>
   
    <footer>
    <p>copyright 2016</p>
    </footer>
   
   
</body>
</html>

keterangan :
header : untuk pengelompokan
nav : kelompok navigasi
main : isi utama dari website
aside : biasanya untuk iklan atau isi yang tidak begitu penting di website
footer : biasanya diiisi pembuat website bisa juga diisi tahun pembuatan website
Read more

Sabtu, 23 April 2016

KELOMPOK ELEMENT HTML

1. Block Element
DIV 
P, BLOCKQUOTE 
H1 - H6
DL, UL, OL, L
TABLE, TH, TR, TD
HR 
PRE 
FIELDSET, FORM
FRAMESET
 
2. Inline Element

SPAN

BR, A, IMGE

ABBR, ACRONYM

B, I, U, EM, STRONG

SUB, SUP

CODE

STRIKE

TEXTAREA, INPUT, SELECT

 
Read more

Kamis, 21 April 2016

MEMBUAT TABEL

Membuat tabel di html menggunakan kode tag <tr> </tr> yaitu table row strukturnya adalah di bawah ini
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>judul website</title>
</head>
<body>
    <tr>
        <td> bulan</td>
         <td> jumlah</td>
    </tr>
    <tr>
        <td> februari</td>
         <td> 5 </td>
    </tr>
</body>
</html>
setelah itu jangan lupa disimpan dengan .html
keterangan
tr: tabel
td: jumlah kolom
Read more

Senin, 18 April 2016

TAG MENU MODEL 2

Jika teman-teman ingin membuat Tag menu yang modelnya berbeda dengan model yang tadi teman-teman bisa menggantinya aja <ul></ul> diganti dengan <ol> </ol>
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>judul website</title>
</head>

<body>
    <h1> judul website</h1>
    <h2> sub judul</h2>
    <p> untuk membuat paragraf </p>
    <ol>
        <li>menu1</li>
        <li>menu2</li>
        <li>menu3</li>
    </ol>
</body>
</html>

jangan lupa kalau sudah simpan dengan .html
Read more