Belajar HTML Pemula 1

Belajar HTML Pemula 1

Perintah dasar yang digunakan untuk varasi html yang sering di gunakan

Perintah	Fungsi
"<span> ..</span> atau <h1> ... </h1> "	Untuk menampilkan font pada sebuah halaman HTML
"<u> .......</u> "	Untuk Menampilkan text underline
"<i> ........ </i> "	Untuk Menampilkan text italic
" <b> ...........</b>"	Untuk Menampilkan text Bold
"<marquee> ....</marquee> "	Untuk Menampilkan text berjalan
"<table> ...... </table> "	Untuk Membuat table
" <tr> ............ </tr>"	Untuk Membuat baris pada tabel
" <td> .........</td>"	Untuk Membuat kolom pada tabel
"<hr> ............ </hr> "	Untuk Menampilkan garis

Praltek :
1. Font / Span.

Ketikan perintah berikut untuk menampilkan font

<h1>INI H1</h1><br />

<h2>INI H2</h2><br />

<h3>INI H3</h3><br />

<h4>INI H4</h4><br />

<h5>INI H5</h5><br />

<h6>INI H6</h6><br />
<span> INI MENGGUNAKAN SPAN </span>

Maka akan menghasilkan seperti ini :

INI H1

INI H2

INI H3

INI H4

INI H5

INI H6

INI MENGGUNAKAN SPAN

Note : perintah <br /> digunakan untuk membuat baris baru di html

2. Mengunakan atribut Underline , italic ,bold untuk font.

Ketikan perintah berikut :

<u> INI UNDERLINE </u><br />
<i>INI ITALIC</i><br />
<b>INI BOLD</b><br />
<u><b>INI BOLD UNDERLINE</b></u><br />
<i><u>INI ITALIC UNDERLINE<u></i><br />
<b><i>INI ITALIC BOLD<i></b><br />
<b><i><u>DAN INI SEMUANYA</u></i></b><br />

Dan Hasilnya :

INI UNDERLINE
INI ITALIC
INI BOLD
INI BOLD UNDERLINE
INI ITALIC UNDERLINE
INI ITALIC BOLD
DAN INI SEMUANYA

Note : Perhatikan susunan penulisanya bila ada dua varian contoh bold dengan italic.

3. Menggunakan Marquee untuk teks berjalan.

Ketikan perintah berikut :

<marquee direction='left'>INI JALAN KE KIRI</marquee><br />
<marquee direction='right'>INI JALAN KE KANAN</marquee><br />
<marquee direction='up'>INI JALAN KE ATAS</marquee><br />
<marquee direction='down'>INI JALAN KE BAWAH</marquee><br />

Hasil :

INI JALAN KE KIRI

INI JALAN KE KANAN

INI JALAN KE ATAS

INI JALAN KE BAWAH

4. Membuat tabel.

<table border='1px'> <!-- Perintah untuk membuat tabel -->

<tr> <!-- ini untuk membuat Baris 1 -->

<td>Kolom 1, Baris 1 </td> <!-- ini untuk membuat Kolom 1 -->

<td>  Kolom 2, Baris 1</td> <!-- ini untuk membuat Kolom 2 -->

</tr>

<tr> <!-- ini untuk membuat Baris 2 -->

<td> Kolom 2, Baris 2</td>

<td> Kolom 2, Baris 2</td>

</tr>

<tr>

<td> Kolom 3, Baris 3</td>

<td> Kolom 3, Baris 3</td>

</tr>

</table>

Hasil :

Kolom 1, Baris 1	Kolom 2, Baris 1
Kolom 2, Baris 2	Kolom 2, Baris 2
Kolom 3, Baris 3	Kolom 3, Baris 3

Note : perintah <!-- ..... --> digunakan untuk komentar di html jadi tidak akan tercetak di layar dan Perbedaan baris dan kolom dapat digambarkan gengan gambar di bawah ini :

sekian pembelajaran kita pada kali ini dan. selamat mencoba.

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email