Anda di halaman 1dari 16

PERTEMUAN 1

PENGENALAN HTML
Hypertext Markup Language (HTML) adalah bahasa markah
standar untuk dokumen yang dirancang dan ditampilkan di peramban
internet. HTML biasanya juga di padukan dengan Cascading Style
Sheets (CSS) dan bahasa scripting seperti JavaScript dan VBScript.

Browser/peramban menerima dokumen HTML dari server web atau


dari penyimpanan lokal dan membuat dokumen menjadi sebuah
halaman web. HTML menggambarkan struktur halaman.

dokumen HTML adalah dokumen teks yang dapat diedit oleh banyak
editor teks. Dokumen HTML punya beberapa elemen yang dikelilingi
oleh tag-teks yang dimulai dengan symbol < (kurung sudut) dan
berakhir dengan sebuah symbol >. browser tidak menampilkan tag
HTML, tetapi menggunakannya untuk menafsirkan konten halaman.
Tag dan Elemen HTML
Penanda perintah di dalam HTML biasanya disebut TAG.
TAG digunakan untuk menentukan tampilan dari halaman HTML.

Tag ada yang perpasangan :


<BEGIN TAG> isi dokumen</END TAG>

Tag ada yang tidak berpasangan


<TAG> isi dokumen
Umumnya elemen terdiri dari tag awal, dengan satu atau lebih atribut,
beberapa konten dan tag akhir.
Struktur Dasar HTML
1. Tag HTML secara default dimulai dari <HTML> dan diakhiri dengan </HTML>.
2. Tag <HEAD> … </HEAD> merupakan tag kepala sebelum badan atau <BODY>. Tag
kepala ini akan terlebih dulu dieksekusi sebelum tag badan. Di dalam tag ini berisi
tag <TITLE>.
3. Tag <TITLE> … </TITLE> adalah tag judul. Sebaiknya setiap halaman web memiliki
judul, dan judul tersebut dituliskan di dalam <TITLE> … </TITLE>. Judul ini akan
muncul dalam titlebar dari browser.
4. Tag <BODY> … </BODY> adalah tag berisi content dari suatu halaman web.
Contoh script HTML
Contoh01.php

Kemudian simpan file di atas di dalam folder


c:\XAMPP\htdocs\ buat folder baru untuk menyimpan file didalam
folder htdocs. Simpan file dengan nama contoh01.html.
Pembuatan nama file pada saat penyimpanan diakhiri dengan
extention “.html atau “.php
Untuk melihat hasil dari file di atas dapat menggunakan browser
Mozilla, google chrome, internet explorer atau jenis browser
lain. Ketikkan pada address bar
“Localhost\Nama Folder Penyimpanan\”, kemudian pilih file
contoh01.php
Lihat gambar di bawah ini :
Hasilnya :
Contoh02.php
Hasil :
Table
<table>
The <table> element is used to create a table. The contents of the table are written
out row by row

<tr>
You indicate the start of each row using the opening <tr> tag. (The tr stands for table
row.) It is followed by one or more <td>elements (one for each cell in that row). At the
end of the row you use a
closing </tr>tag.

<td>
Each cell of a table is represented using a <td> element. (The td stands for table data.)
At the end of each cell you use a
closing </td>tag

<th>
Table Head
Contoh script pembuatan tabel
Contoh03.php
Jika dilihat di browser, maka terlihat sebagai berikut :
Colspan dan Rowspan
Colspan (Spanning Colomns) adalah menggabungkan beberapa kolom cell
menjadi satu cell atau merger ke samping
Rowspan (Spanning Rows) adalah menggabungkan beberapa baris cell
menjadi satu cell atau merger ke bawah
Latihan :
Buat script HTML untuk bentuk tampilan di bawah ini :

Anda mungkin juga menyukai