Haii guys gimana ini kabarnya masih pada sehat semua kan ? hehe ()
oke, dalam kesempatan kali ini gue akan sharing tentang apa itu "html"...
untuk lebih jelasnya lihat lah penjelasan gue dibawah ini :
1. Pengertian HTML
- Mengintegerasikan gambar dengan tulisan.
- Membuat Pranala
- Mengintegerasikan berkas suara dan rekaman gambar hidup.
- Membuat form interaktif.
<meta name="author" content="ubuntu-online">
Elemen Body
Tag
- Tag awal, dinyatakan dalam bentuk <nama tag>
- Tag akhir, dinyatakan dalam bentuk </nama tag>
TABEL
| NO | NAMA | ALAMAT |
|---|---|---|
| 1 | BAMBANG | Jl. Manuk Ijo No 7 Madiun |
| 2 | Liem Ay Fang | Jl. Sumbing No 700 Madiun |
| NO | DATA SISWA | |
|---|---|---|
| NAMA | Ekstrakurikuler | |
| 1 | Liem Ay Fang | komputer |
2. Fungsi HTML
3. Contoh HTML
<!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<canvas id="myCanvas" width="800" height="500"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.font = 'italic 20pt Calibri';
context.fillText('Hello Broooo!', 150, 100);
context.fillText('Nama aku Saiful Bahri Irfanto!', 170, 150);
context.fillText('Aku sekarang sedang kuliah di STMIK Tasikmalaya', 190, 200);
context.fillText('Jurusan aku S1 Teknik Informatika', 210, 250);
context.fillText('Itukah Sekilas Tentang Aku', 230, 300);
</script>
</body>
</html>
Tampilan Hasil :
Dokumen HTML diapit oleh tag
< HEAD></HEAD>.
Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul
halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag
TITLE untuk memberi mark suatu web site. Browser menyimpan “title”
sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya
title digunakan sebagai keyword. Header juga memuat tag META yang
biasanya dapat digunakan untuk menentukan informasi tertentu mengenai
document HTML. Anda bisa menentukan author name, keywords, dan lainnya
pada tag META.
Contoh:
Bagian BODY, yang dinyatakan dengan tag
< BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser.
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari
suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang
ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil
(<) dan tanda lebih besar (>).
Tag biasanya merupakan suatu pasangan yang disebut dengan:
Formatnya: <nama tag> teks yang ditampilkan </nama tag>.
Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML < i>Teks ini terlihat miring di browser Anda</i>
Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya,
<P ALIGN=”left”> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P>
dan atribut yang menyertainya adalah ALIGN dengan nilai left. Nilai
atribut ALIGN hanya bisa berupa center, left, right atau justify.
PARAGRAF
Untuk mengatur paragraf, gunakan tag
<br> -- untuk turun satu baris
<p> -- untuk turun satu paragraf..
contoh :
Hari ini aku sangat lelah<br>
Karena seharian aku bekerka<br>
Dengan giat<p>
Sebuah dokumen HTML akan sering dikunjungi apabila salah satunya adalah
memiliki tampilan yang menarik. Background adalah salah satu cara untuk
membuat tampilan web menjadi menarik.
Background bisa berbentuk warna saja ataupun gambar.
background terletak pada tag <body>
<body>
Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna
latar belakang, warna teks, warna link, warna visited link, warna active
link dan lain-lain.
Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.
Contoh :
<body bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF">
TABEL
Tabel bisa membuat dokumen kita lebih mudah dibaca dan indah. Hampir semua dokumen HTML menggunakan fasilitas HTML ini :
<table> Merupakan tag awal tabel
<table> sering diikuti dengan border = n (n adalah bilangan yang menunjukkan ketebalan garis border.
<table>=0 berarti tanpa garis
<tr> ...</tr>tag untuk mengawali baris
<th>...</th>tag untuk judul kolom
<td>...</th>tag untuk kolom
beda <td> dan <th> adalah :<br>
untuk <th> menghasilkan teks tebal dan center.
untuk<td> tidak.<br>
Contoh :
<table>
<tr>
<th>NO</th>
<th>NAMA</th>
<th>ALAMAT</th>
</tr>
<tr>
<td>1</td>
<td>BAMBANG</td>
<td>Jl. Manuk Ijo No 7 Madiun</td>
</tr>
<tr>
<td>2</td>
<td>Liem Ay Fang</td>
<td>Jl. Sumbing No 700 Madiun</td>
</tr>
</table>
HASILNYA :
MENGGABUNGKAN KOLOM / BARIS
<td colspan="n"> - menggabungkan kolom n adalah bilangan jumlah kolom yang akan digabungkan
<td rowspan="n"> - menggabungkan baris n adalah bilangan jumlah baris yang akan digabungkan
contoh :
Contoh :
<table>
<tr>
<th rowspan=2>NO</th>
<th colspan=2>DATA SISWA</th>
</tr>
<tr>
<td>NAMA</td>
<td>Ekstrakurukuler</td>
</tr>
<tr>
<td>1</td>
<td>Liem Ay Fang</td>
<td>komputer</td>
</tr>
</table>
hasilnya:
oke sekilan dulu bro tentang pengenalah html dari gue tetep belajar n smangat yah
