Kamis, 05 Mei 2016

PENGGUNAAN TAG HTML

Add Comment
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

Add Comment
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

Add Comment
<!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)

Add Comment
<!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

Add Comment
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

Add Comment
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

Add Comment
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
Langganan: Postingan (Atom)