Dokumen ini membahas tentang berbagai tag dan elemen HTML untuk membuat dan mendesain halaman web, termasuk tag untuk paragraf, format teks, daftar, frame, link, gambar, form, serta colspan dan rowspan pada tabel.
Bab ini membahas struktur dasar halaman HTML dan format teks menggunakan tag. Setiap halaman HTML minimal memiliki tag seperti DOCTYPE, <HTML>, <head>, <title>, dan <body>. HTML menggunakan tag untuk menunjukkan elemen seperti teks, gambar, dan lainnya kepada browser. Format teks menggunakan tag seperti bold, italic, dan underline untuk membuat teks terlihat berbeda dan memberi arti.
Formulir ini menjelaskan penggunaan berbagai tag form untuk membuat formulir interaktif pada halaman web seperti teks, tombol submit dan reset, radio button, checkbox, dropdown menu, textarea, dan kotak sandi. Tag-tag form digunakan untuk mengumpulkan berbagai jenis input dari pengunjung seperti nama, jenis kelamin, hobi, komentar, dan sandi. Atribut seperti name, type, value, size digunakan untuk mengkonfigurasi setiap elemen form
Macromedia Dreamweaver 8 adalah program untuk membuat dan mengedit halaman web secara visual serta mengelola situs web. Dreamweaver menyediakan fitur-fitur seperti HTML, CSS, JavaScript, PHP, dan XML untuk membuat dan mengelola konten situs web.
Bab ini membahas struktur dasar halaman HTML dan format teks menggunakan tag. Setiap halaman HTML minimal memiliki tag seperti DOCTYPE, <HTML>, <head>, <title>, dan <body>. HTML menggunakan tag untuk menunjukkan elemen seperti teks, gambar, dan lainnya kepada browser. Format teks menggunakan tag seperti bold, italic, dan underline untuk membuat teks terlihat berbeda dan memberi arti.
Formulir ini menjelaskan penggunaan berbagai tag form untuk membuat formulir interaktif pada halaman web seperti teks, tombol submit dan reset, radio button, checkbox, dropdown menu, textarea, dan kotak sandi. Tag-tag form digunakan untuk mengumpulkan berbagai jenis input dari pengunjung seperti nama, jenis kelamin, hobi, komentar, dan sandi. Atribut seperti name, type, value, size digunakan untuk mengkonfigurasi setiap elemen form
Macromedia Dreamweaver 8 adalah program untuk membuat dan mengedit halaman web secara visual serta mengelola situs web. Dreamweaver menyediakan fitur-fitur seperti HTML, CSS, JavaScript, PHP, dan XML untuk membuat dan mengelola konten situs web.
Dokumen tersebut membahas tentang web programming dengan menjelaskan pengertian dan contoh penggunaan HTML, CSS, PHP dan MySQL untuk membuat dan mendesain halaman web. Dibahas pula berbagai tag dasar HTML seperti heading, paragraf, font, warna, link, list, tabel, form input dan gambar beserta fungsi dan contoh kode HTML untuk masing-masing tag.
Dokumen tersebut memberikan penjelasan tentang HTML (Hypertext Markup Language) yang mencakup konsep WWW, struktur dokumen HTML, dasar-dasar HTML, dan contoh kode HTML untuk pengaturan teks, gambar, tabel, dan lainnya.
Dokumen tersebut berisi daftar menu dan fungsi yang terdapat pada Microsoft Excel 2007 beserta penjelasan singkat tentang fungsi masing-masing menu dan fungsi.
Dokumen tersebut membahas struktur dasar dokumen HTML yang terdiri dari tag, element, dan atribut. Element utama dalam struktur dasar dokumen HTML adalah html, head, title, dan body.
Dokumen tersebut memberikan penjelasan tentang HTML (Hypertext Markup Language) yang mencakup konsep World Wide Web, pengenalan HTML, browser dan editor, tag-tag dasar HTML, dan latihan-latihan membuat dokumen HTML sederhana.
Modul ini membahas tentang pengenalan HTML5 yang mencakup overview HTML, formatting teks (heading, hyperlink, paragraph, gambar), tabel, form, serta input baru pada HTML5 seperti date, color, email dan lainnya. Modul ini juga menyertakan contoh kode untuk mempelajari tag-tag dasar HTML5.
Dokumen tersebut membahas tentang bahasa query pada basis data relasional seperti SQL dan contoh-contoh penggunaannya untuk membuat, mengubah dan mengambil data dari tabel basis data.
Dokumen tersebut membahas pengantar tentang HyperText Markup Language (HTML) yang merupakan bahasa format untuk menyajikan dokumen di World Wide Web. HTML digunakan untuk membuat struktur dasar dokumen dan mendefinisikan makna dari konten. Dokumen tersebut juga menjelaskan tag-tag dasar dan fungsi HTML lainnya seperti pengaturan teks, link, gambar, dan tabel.
Dokumen tersebut membahas konsep dasar HTML dan elemen-elemennya, termasuk elemen pada tag head seperti title dan meta, serta elemen pada tag body seperti heading, paragraph, dan list.
Dokumen tersebut membahas tentang web programming dengan menjelaskan pengertian dan contoh penggunaan HTML, CSS, PHP dan MySQL untuk membuat dan mendesain halaman web. Dibahas pula berbagai tag dasar HTML seperti heading, paragraf, font, warna, link, list, tabel, form input dan gambar beserta fungsi dan contoh kode HTML untuk masing-masing tag.
Dokumen tersebut memberikan penjelasan tentang HTML (Hypertext Markup Language) yang mencakup konsep WWW, struktur dokumen HTML, dasar-dasar HTML, dan contoh kode HTML untuk pengaturan teks, gambar, tabel, dan lainnya.
Dokumen tersebut berisi daftar menu dan fungsi yang terdapat pada Microsoft Excel 2007 beserta penjelasan singkat tentang fungsi masing-masing menu dan fungsi.
Dokumen tersebut membahas struktur dasar dokumen HTML yang terdiri dari tag, element, dan atribut. Element utama dalam struktur dasar dokumen HTML adalah html, head, title, dan body.
Dokumen tersebut memberikan penjelasan tentang HTML (Hypertext Markup Language) yang mencakup konsep World Wide Web, pengenalan HTML, browser dan editor, tag-tag dasar HTML, dan latihan-latihan membuat dokumen HTML sederhana.
Modul ini membahas tentang pengenalan HTML5 yang mencakup overview HTML, formatting teks (heading, hyperlink, paragraph, gambar), tabel, form, serta input baru pada HTML5 seperti date, color, email dan lainnya. Modul ini juga menyertakan contoh kode untuk mempelajari tag-tag dasar HTML5.
Dokumen tersebut membahas tentang bahasa query pada basis data relasional seperti SQL dan contoh-contoh penggunaannya untuk membuat, mengubah dan mengambil data dari tabel basis data.
Dokumen tersebut membahas pengantar tentang HyperText Markup Language (HTML) yang merupakan bahasa format untuk menyajikan dokumen di World Wide Web. HTML digunakan untuk membuat struktur dasar dokumen dan mendefinisikan makna dari konten. Dokumen tersebut juga menjelaskan tag-tag dasar dan fungsi HTML lainnya seperti pengaturan teks, link, gambar, dan tabel.
Dokumen tersebut membahas konsep dasar HTML dan elemen-elemennya, termasuk elemen pada tag head seperti title dan meta, serta elemen pada tag body seperti heading, paragraph, dan list.
Dokumen tersebut memberikan penjelasan tentang cara membuat frame HTML dengan membagi halaman menjadi beberapa bagian yang disebut frame. Langkah-langkahnya adalah membuat file pengisi frame, file pendefinisi frame menggunakan tag <frameset> dan <frame>, serta mengatur ukuran dan posisi frame dengan atribut rows, cols, border, dan src.
[/ringkasan]
Teks ini membahas pengertian HTML dan cara penulisan kode HTML dasar. HTML adalah bahasa pemrograman yang digunakan untuk membuat halaman web. Kode HTML terdiri dari tag-tag seperti <html>, <head>, <body>, <p>, dan lainnya. Kode tersebut ditulis menggunakan editor teks dan dibagi menjadi bagian kepala dan badan.
Web ini berisi ringkasan tentang laporan proyek pembuatan web wisata di Jawa menggunakan HTML. Laporan ini menjelaskan tentang latar belakang, pengenalan HTML, tag-tag dasar HTML beserta fungsinya, desain web menggunakan frame, tabel, dan form. Laporan ini juga menjelaskan tentang layout dari web wisata Jawa yang dibangun menggunakan frame dengan bagian atas, tengah, dan bawah serta menu kiri dan kanan.
Tugas 2
HTML
I. Tujuan:
1. Mengetahui tentang HTML
2. Mengetahui konsep pembuatan halaman HTML
3. Menerapkan kode HTML untuk pembuatan website
II. Dasar Teori
HTML (Hypertext Markup Language)
1. PENGANTAR HTML
HTML merupakan singkatan dari Hypertext Markup Language, merupakan bahasa
pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali
dengan <namatag> dan diakhiri dengan </namatag>.
File HTML dapat dibuat menggunakan aplikasi text editor apapun, seperti Notepad di
windows, simple text di Macintosh, gedit di Linux, dan beberapa text editor lain seperti
Notepad++, Sublime Text, Macromedia Dreamweaver, Aptana Studio, dan lain-lain.
Halaman HTML ini hanya dapat dijalankan melalui web browser, seperti Internet
Explorer, Google Chrome, Mozilla Firefox, Opera, Safari, dan lain-lain.
Kesalahan dalam menulis tag HTML tidak berakibat buruk pada system komputer,tetapi
browser hanya mengabaikan perintah tersebut dan menganggapnya sebagai text biasa.
Browser web dirancang memiliki kemampuan hanya untuk mengenali dan mengeksekusi
beberapa Tag HTML dari keseluruhan tag HTML standard dari W3C. Jika web browser
tidak mengenali tag HTML tertentu maka browser akan melewatinya saja seakan hanya
text biasa lainnya.
Modul ini membahas tentang form HTML untuk merancang formulir input data pada aplikasi berbasis web. Tag-tag form HTML seperti form, input, textarea, label, fieldset, select, dan button dijelaskan untuk membuat berbagai jenis kontrol form seperti teks, daerah teks, daftar pilih, tombol radio, kotak centang dan tombol submit. Tujuannya adalah agar mahasiswa memahami penggunaan form HTML dalam merancang antarmuka pengguna untuk aplikasi web.
HTML merupakan bahasa markup standar untuk membuat halaman web. Dokumen menjelaskan HTML mendeskripsikan struktur halaman web menggunakan markup dan elemen-elemen HTML membangun halaman. Web browser menggunakan tag HTML untuk menampilkan konten halaman bukan menampilkan tag itu sendiri.
Dokumen tersebut membahas struktur dasar dokumen HTML yang terdiri dari tag pembuka dan penutup <html>, <head>, <title>, dan <body>. Juga dijelaskan tentang tag, element, atribut, dan contoh-contoh penggunaan tag dasar HTML seperti <p>, <b>, <i>, <u>, <br>, dan lainnya.
Dokumen tersebut membahas struktur dasar dokumen HTML yang terdiri dari tag pembuka dan penutup <html>, <head>, <title>, dan <body>. Juga dijelaskan tentang tag, element, atribut, dan contoh-contoh penggunaan tag dasar HTML seperti <p>, <b>, <i>, <u>, <br>, dan lainnya.
Javascript adalah bahasa pemrograman yang digunakan untuk membuat interaksi pada website sehingga tampil lebih hidup dengan efek-efek tertentu. Javascript dieksekusi di sisi klien dan memungkinkan manipulasi DOM. Javascript telah menjadi bahasa wajib untuk membangun website modern.
Statement include, include_once, require, dan require_once digunakan untuk menyertakan file PHP lain ke dalam skrip PHP aktif. Perbedaan antara include dan require adalah bahwa require akan menghentikan eksekusi skrip jika file yang disertakan tidak ditemukan, sedangkan include akan melanjutkan eksekusi walaupun menampilkan error.
Dokumen ini membahas tentang percabangan switch case dan if else dalam bahasa pemrograman PHP. Switch case hanya memeriksa kondisi sekali saja pada awal perintah berbeda dengan if yang selalu memeriksa kondisi, sehingga switch case lebih cepat dieksekusi bila memiliki banyak struktur percabangan. Dokumen ini juga menampilkan contoh kode untuk menghitung harga total dengan menerapkan switch case untuk menentukan diskon berdasarkan status pel
Dokumen ini membahas tiga jenis pengulangan dalam bahasa pemrograman PHP yaitu for, while, dan do while. For digunakan untuk pengulangan dengan jumlah iterasi yang pasti, sedangkan while dan do while mengevaluasi syarat pengulangan di awal dan akhir blok pengulangan.
Dokumen tersebut membahas struktur kontrol dalam PHP meliputi statement penugasan, pemanggilan fungsi, perulangan, dan kondisi. Terdapat penjelasan mengenai statement if, if-else, if-elseif-else, while, do-while, dan for beserta contoh kode untuk masing-masing statement.
Proses validasi form PHP dilakukan dengan menggunakan fungsi isset dan empty untuk memeriksa apakah objek form telah diisi dan ada atau tidak. Fungsi isset digunakan untuk memeriksa keberadaan variabel form sedangkan fungsi empty digunakan untuk memeriksa apakah variabel form telah diisi atau kosong.
Dokumen ini membahas cara membuat form input data dan pemrosesannya pada file terpisah atau sama, dan latihan membuat form input data menggunakan PHP dengan input dan pemrosesan pada file yang sama atau terpisah.
Variabel digunakan untuk menyimpan nilai data di memori komputer. Variabel dalam PHP selalu diawali dengan tanda dollar dan bersifat case sensitive. Terdapat 4 jenis tipe data yaitu Boolean, Integer, Float, dan String. Masing-masing tipe data memiliki cara penulisan dan penggunaan yang berbeda.
Dokumen tersebut membahas konsep dasar tentang web, meliputi pengertian internet, web, protokol HTTP, dan jenis-jenis aplikasi berbasis internet. Selanjutnya membahas tentang pengertian situs web, URL, URI, web statis dan dinamis, serta jenis pemrograman web dan komponen penyusun web statis.
2. 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
4. Paragraf dan Peformatan Teks
Penulisan paragraf bisa menggunakan tag <p>. Untuk
memformat tulisan/teks bisa menggunakan berbagai macam tag
sesuai keperluan diantaranya,
Tag Deskripsi
<b> Membuat teks tercetak tebal
<i> Membuat teks miring
<small> Membuat teks tercetak kecil
<strong> Menyatakan teks tersebut penting
<sub> Membuat teks tercetak sebagai subscript
<sup> Membuat teks tercetak sebagai superscript (pangkat)
<del> Menyatakan teks yang diapit tag <del> itu dihapus (dicoret)
<mark> Menyatakan teks yang ditandai (highlighted). Efeknya seperti tulisan
yang diberi stabilo
5. Contoh peformatan teks Simpan dengan nama teks.html
<HTML>
<HEAD>
<TITLE>Tipe-tipe Teks</TITLE>
</HEAD>
<BODY>
Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen. <br>
Ketiga tipe tersebut ialah tulisan <B>tebal</B>, tulisan <I>miring</I> dan tulisan <U>bergaris
bawah</U>. <br>
Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa
tulisan<br>
<B><I><U>tebal, miring dan bergaris bawah</B></I></U>.
</BODY>
</HTML>
6. List
Untuk menampilkan daftar (List) dalam halaman web,
• Jika daftar tersebut tidak terurut (tampil
menggunakan bullet), maka tag yang digunakan
adalah <UL> yang berarti unordered list.
• Namun jika daftar tersebut penting urutannya
gunakan <OL> ordered list
9. Frame
Di dalam HTML ada dua cara buah dasar untuk mendesain layout
sebuah website yaitu frame dan tag div
Frame digunakan untuk membagi jendela browser menjadi beberapa
bagian terpisah
Untuk membuat sebuah frame, tag yang digunakan adalah :
• Tag <FRAMESET>
• Tag <FRAME>
Frameset adalah suatu frame induk yang dapat menampung beberapa
frame di dalamnya dan dapat memiliki frameset sendiri.
Sedangkan frame sendiri adalah dokumen yang terdapat di dalam
frameset dengan border yang mengelilinginya.
10. Tag FRAMESET
Membagi jendela browser menjadi beberapa bagian terpisah
<FRAMESET> memiliki beberapa atribut
Ada dua cara umum mendefinisikan lebar frame pada attribut ROWS dan COLS yaitu
nilai tetap (fix), nilai persentase,
contohnya membuat empat buah frame :
Dengan nilai tetap (berdasarkan resolusi)
<FRAMESET ROWS=“50,140,400,50”>
Dengan nilai persentase (berdasarkan lebar jendela browser)
<FRAMESET ROWS=“20%,40%,20%,20%”>
Atribut Keterangan
ROWS Membuat frame secara horizontal sekaligus mendefinisikan lebar
masing-masing
COLS Membuat frame secara vertikal sekaligus mendefinisikan lebar
masing-masing
BORDERCOLOR Menentukan warna bingkai frame
11. Tag Frame
Tag <FRAME> mempunyai atribut
Atribut Keterangan
SRC Menentukan nama file HTML yang digunakan isi frame
MARINHEIGHT Menentukan batas kiri dan kanan antara dokumen dengan bingkai
dalam pixel
NAME Mendefenisikan nama dari objek frame. Nama ini dapat digunakan
sebagai tujuan sebuah link
BORDER Menentukan ukuran bingkai frame
12. Membagi halaman menjadi 2 Frame
Simpan dengan nama framekiri.html
Simpan dengan nama framekanan.html
18. Link
Link merupakan gambar atau teks yang terkait dengan suatu alamat tertentu,
ditandai dengan Anchor, yaitu tag <A>
Tag <A> mempunyai dua atribut, yaitu HREF (anchor untuk sebuah link) dan NAME
(anchor untuk tujuan).
19. Gambar
Untuk menambahkan gambar gunakan tag <IMG>
Atribut keterangan
SRC Menunjukkan URL tau direktori tempat file gambar berada
WIDTH Lebar gambar (dalam pixel)
HEIGHT Tinggi gambar (dalam pixel)
ALIGN Posisi teks disekitar gambar (TOP, MIDDLE, BOTTOM, LEFT, RIGHT)
ALT Menampilkan teks pengganti gambar jika tidak tampil
20. Form
Form adalah sebuah daftar isian, untuk meminta informasi dari
user untuk kemudian diolah. Pengolahan dilakukan pada server
yang menggunakan skrip yang bersifat server side
Tag yang diperlukan untuk membuat form :
1. Tag <form>
2. Tag <TEXTAREA>
3. Tag <SELECT>
4. Tag <INPUT>
21. 1. Tag Form
Tag <FORM> yang digunakan untuk mendefenisikan sebuah form.
Mempunyai dua atribut yaitu METHODE dan ACTION.
Atribut Action
METHODE Untuk menentukan metode pengolahan form. Pilihan method adalah GET atau
POST
ACTION Untuk menentukan URL atau lokasi dari file yang digunakan untuk mengolah
form tersebut
22. 2. Tag Textarea
Tag <TEXTAREA> digunakan untuk membuat sebuah kotak teks multibaris.
Beberapa atributnya :
Atribut Action
NAME Mendefenisikan nama textarea
ROWS Menentukan jumlah baris teks area
COLS Menentukan lebar dari textarea
23. 3. Tag Select
Tag <SELECT> digunakan untuk membuat sebuah daftar pilihan.
Atribut Action
NAME Mendefenisikan nama objek select
DISABLED Menentukan apa dropdown list tidak diaktifkan
SIZE Menentukan berapa pilihan yang akan ditampilkan
24. 3. Tag Input
Tag <INPUT> digunakan untuk membuat elemen-elemen untuk meminta
informasi dari user, misalnya kotak teks, kotak pilihan, tombol dll
Tipe input
Atribut Action
NAME Mendefenisikan nama dari elemen input, atribut dituliskan kecuali untuk tipe
submit dan clear
SIZE Menentukan lebar elemen input
MAXLENGHT Menentukan maksimum karakter yang dapat dimasukkan kedalam elemen
input
VALUE Untuk kotak teks, menentukan teks yang tertulis
Untuk check box atau radio, menentukan nilai item yang dipilih
Untuk submit dan reset, menentukan teks yang tertulis pada tombol
TYPE Menentukan tipe input yang dibuat
25. Tipe input :
• Text, membuat kotak teks
• Password, membuat kotak teks, ditampilkan dengan tanda *
• Check box, membuat suatu pilihan, yang dapat dipilih lebih
dari satu
• Radio, membuat daftar pilihan, yang hanya dapat dipilih satu
• Reset, membuat tombol yang fungsinya untuk menghapus
semua isian form.
• Submit, membuat tombol yang fungsinya mengirim data form
untuk diolah.
28. Colspan dan Rowspan
Colspan adalah menggabungkan beberapa kolom cell menjadi satu cell
Rowspan adalah menggabungkan beberapa baris cell menjadi satu cell