-
HTML
HyperText Markup Language (HTML)
adalah sebuah bahasa markah yang
digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di
dalam sebuah penjelajah web Internet dan pemformatan hiperteks
sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan
tampilan wujud yang terintegerasi.
Contoh :
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Hasil :
My First Heading
My first paragraph.
-
HTML Editor
Menulis HTML menggunakan Notepad atau
TextEditHTML bisa diedit menggunakan edito HTML
profesonal seperti :- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor
1.
Buka Notepad
Tulis kode HTML
Simpan halaman HTML
Buka halaman HTML di browser
HTML Basic Examples
Semua doumen HTML harus diawali dengan
deklarasi <!DOCTYPE html>lalu diawali dengan tag <html> dan diakhii
</html>. Bagian yang terlihat dari dokumen html terletak diantara
<body></body>
-
HTML
Attributes
Attributes
merupakan penyedia informasi tambahan tentang elemen HTML
Contoh
:
<font
face=”chiller”>
Elemen tag
“font” memiliki atribut “face”
-
HTML
Headings
Heading
didefinisikan dengan tag <h1> sampai <h6>
<h1>
didefinisikan tag yang paling penting, sedangkan <h6> didefinisikan yang
paling tidak penting.
Contoh
:
<h1>This
is heading 1</h1>
<h2>This
is heading 2</h2>
Hasil :
This is heading 1
This is heading 2
-
HTML Paragraphs
Tag
<p>didefinisikan sebagai paragrap
Contoh
:
<p>ini
paragraf</p>
Untuk
menulis di garis baru tanpa membuat paragraf baru bisa menggunakan tag
<br>
Contoh
:
<p>ini
paragraf<br>ini garis baru</P>
Hasil
:
ini
paragraf
ini
garis baru
untuk
membuat pra-format text kita bisa menggunakan tag <pre>
contoh
:
<p>Ini
akan ditampilkan sebagai puisi</p>
<pre>
Garis
satu
Garis
dua
Garis
tiga
Garis
empat
</pre>
Hasil
:
Ini
akan ditampilkan sebagai puisi
Garis
satu
Garis
dua
Garis
tiga
Garis
empat
-
HTML Formatting
HTML
menggunakan elemen seperti <b>, <i>, untuk format keluaran, seperti
teks bold atau italic. Elemen ini disebut Formatting Elements.
Tag
<b> digunakan untuk membuat teks bolde, contoh :
<b>bold</b>
Hasil
:
bold
Tag
<i> digunakan untuk membuat teks italic, contoh :
<i>italic</i>
Hasil
:
italic
Tag<mark>
digunakan untuk menandai teks, contoh :
<mark>ditandai<mark>
Hasil
:
ditandai
Tag
<del> didefinisikan sebagai teks yang dihapus, contoh
<del>dihapus</del>
Hasil
:
tag
<ins> didefinisikan sebagai teks yang ditambahkan atau digaris bawahi,
contoh :
<ins>ditambahkan</ins>
Hasil
:
ditambahkan
Tag
<sub> didefinisikan sebagai teks subscipr, atau membuat tek yang dicetak
bawah, contoh :
cetak<sub>bawah</sub>
Hasil
:
Cetakbawah
Tag
<sup> didfinisikan sebagai teks superscript, atau membuat teks yang
dicetak atas, contoh :
Cetak
<sup>atas</sup>
Hasil
:
cetakatas
-
HTML Styles
HTML Styling tidak ada hubungannya dengan elemen format. Styling adalah
tentang mengubah atau menambah style di elemen HTML yang sudah ada. Setia
elemen HTML memiliki default style (warna backgroud hitam dan teks putih).
Mengubah default style elemen HTML dapat menggunakan atribut style.
style text color :
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
<p style="color:red">This is a paragraph.</p>
hasil :
This is a heading
This is a paragraph.
HTML Link :
contoh :
<p>
<a href="http://www.w3schools.com/html/">Visit our HTML tutorial</a>
</p>
<a href="http://www.w3schools.com/html/">Visit our HTML tutorial</a>
</p>
HTML Table :
Elemen Table digunakan untuk membuat tabel pada sebuah web.
contoh :
<table border="1" style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
Hasil :
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| John | Doe | 80 |
