Dasar-Dasar HTML HTML HyperText Markup Language

Contoh penulisan suatu dokumen HTML sebagai berikut: -contoh.html html head title Halaman Contoh title head body File ini merupakan file contoh. br b Ini untuk membuat huruf cetak tebal b body html

2.3.2 Dasar-Dasar HTML

Fungsi dari tag-tag HTML adalah memformat okumen HTML, dimana tag-tag inilah yang berperan juga untuk memperindah halaman website. Walaupun tag-tag adalah standard an wajib ada jika ingin menuliskan script HTML. Contoh tag-tag yang sering digunakan dalam website ini adalah: Universitas Sumatera Utara 1. Tag Heading Tag Heading berfungsi untuk memformat heading judul dan sub judul dari sebuah halaman website. Jenis heading terdiri atas tujuh buah yaitu H1…H2 sampai dengan H7….H7. H1…H1 merupakan judul besar dan H2…H2 sampai dengan H7…H7 merupakan sub judul. 2. Tag List Tag List L1…L1 digunakan untuk menampilkan informasi dalam bentuk daftar List. Ada dua jenis daftar yang dikenal HTML, yaitu daftar dalam bullet dengan bentuk tag UL…UL dan dalam bentuk OL…OL. 3. Link Hyperlink adalah kemampuan website untuk dapat melompat kehalaman lain atau ke alamat lain yang dapat di klik untuk menuju ke suatu alamat atau ke alamat tertentu yang disebut hypertext. Tag ini membuat hypertext adalah A HREF = URL- tujuanhypertextA. 4. Format Teks Untuk memformat teks dalam HTML dapat digunakan beberapa tag,yaitu: a B….B untuk menebalkan teks Universitas Sumatera Utara b I….I untuk memiringkan teks c U….U untuk menggaris bawahi teks d S….S untuk memberikan coretan pada teks. 5. Tag Gambar Tag Gambar IMG SRC= nama file gambar adalah tag untuk menampilkan gambar pada HTML yang berformat GIF atau JPG. Tag ini tidak mempunyai penutup seperti halnya tag lainnya, tetapi memiliki parameter yaitu SRC yang berfungsi untuk menemukan nama file gambar yang akan ditampilkan di browser. 6. Format Paragraf HTML memiliki beberapa format berstandar yaitu: a CENTER…CENTER untuk membuat teks atau paragraph rata tengah b RIGHT…RIGHT untuk membuat teks atau paragraph rata kanan c LEFT…LEFT untuk membuat teks atau paragraph rata kiri d P untuk membuat satu pemisah paragraph e BR untuk membuat pemisah satu baris f HR untuk memberikan satu garis pemisah yang berkesan tiga dimensi. Universitas Sumatera Utara 7. Tabel HTML Untuk menampilkan data tabel pada HTML digunakan tag TABLE…TABLE. Tag ini berisikan beberapa tag yaitu: a TH…TH untuk menampilkan beberapa judul tabel yang biasanya terletak pada bagian atas atau paling kiri pada table. b TR…TR untuk menentukan baris pada suatu table. c TD…TD untuk menampilkan data pada setiap sel table. d CAPTION…CAPTION untuk menampilkan judul table yang terletak pada bagian luar table. 8. Form HTML Untuk mendeklarasikan sebuah form pada HTML digunakan tag FORM…FORM. Didalam tag ini didefinisikan elemen- elemen form seperti: a Textbox yang berguna untuk menampilkan masukkan berupa textbox yang mampu menerima masukan beberapa string sebanyak satu baris. b Textarea yang berguna untuk menampilkan masukkan berupa textbox dan mampu menerima masukan berupa string lebih dari satu baris. Universitas Sumatera Utara c Radio Botton yang berguna untuk menampilkan msukkan berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan. d Tombol yang berguna untuk menampilkan tombol SUBMIT untuk mengirim data kepemrosesan di server, RESET untuk mengulangi form. e Checkbox yang berguna untuk menampilkan masukkan berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan. f Drop-Down menu yang berguna untuk menampilkan masukan berupa pilihan dan pengguna dapat melihat semua pilihan dengan menekan drop-down menu. g Frame HTML Frame HTML digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa bagian, dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Frame tidak memiliki tag BODY. Sebagai penggantinya adalah tag FRAMESET. Untuk membuat frame pada HTML digunakan tag FRAMESET…FRAMESET. Didalam tag ini terdapat tag FRAME yang menentukan isi dari FRAMESET terdapat parameter ROWS yang berguna untuk menentukan lebar frame horizontal mendatar dan COLS untuk menentukan tinggi FRAME terdapat Universitas Sumatera Utara parameter NAME yang menentukan dan parameter SCR yang berisi nama file HTML yang akan ditampilkan pada frame.

2.3.3 Statis dan Dinamis Website