Dokumen tersebut menjelaskan cara membuat halaman web dasar menggunakan editor teks Notepad. Terdiri atas penjelasan bagian-bagian dokumen HTML dan tahapan pembuatan kode dasar halaman web meliputi penambahan judul, paragraf, tabel, gambar, dan link menggunakan perintah-perintah HTML.
Dokumen tersebut memberikan penjelasan tentang cara membuat halaman web sederhana menggunakan notepad, meliputi langkah-langkah pembuatan kode HTML dasar, penyimpanan file, dan pengelolaan elemen-elemennya.
Formulir ini memberikan instruksi langkah-demi-langkah untuk membuat formulir pembelian buku menggunakan HTML, mulai dari menambahkan tag dasar hingga unsur-unsur formulir seperti teks, menu drop-down, tombol radio dan checkbox. Dokumen ini juga menjelaskan cara menyimpan formulir sebagai file HTML dan memeriksanya di browser web.
Dokumen tersebut memberikan penjelasan tentang penggunaan HTML untuk membuat halaman web. Secara singkat, dokumen tersebut menjelaskan tentang tag-tag dasar HTML seperti <html>, <head>, <body>, dan tag-tag lainnya beserta fungsinya; cara membuat teks, daftar, tabel, gambar, dan tautan hyperlink menggunakan HTML.
Dokumen tersebut memberikan tutorial dasar pembuatan website menggunakan bahasa pemrograman HTML dan database MySQL. Terdiri dari penjelasan tentang instalasi perangkat lunak XAMPP, struktur dasar dokumen HTML, dan cara membuat database serta autentikasi login menggunakan PHP dan MySQL.
Dokumen tersebut menjelaskan cara membuat halaman web dasar menggunakan editor teks Notepad. Terdiri atas penjelasan bagian-bagian dokumen HTML dan tahapan pembuatan kode dasar halaman web meliputi penambahan judul, paragraf, tabel, gambar, dan link menggunakan perintah-perintah HTML.
Dokumen tersebut memberikan penjelasan tentang cara membuat halaman web sederhana menggunakan notepad, meliputi langkah-langkah pembuatan kode HTML dasar, penyimpanan file, dan pengelolaan elemen-elemennya.
Formulir ini memberikan instruksi langkah-demi-langkah untuk membuat formulir pembelian buku menggunakan HTML, mulai dari menambahkan tag dasar hingga unsur-unsur formulir seperti teks, menu drop-down, tombol radio dan checkbox. Dokumen ini juga menjelaskan cara menyimpan formulir sebagai file HTML dan memeriksanya di browser web.
Dokumen tersebut memberikan penjelasan tentang penggunaan HTML untuk membuat halaman web. Secara singkat, dokumen tersebut menjelaskan tentang tag-tag dasar HTML seperti <html>, <head>, <body>, dan tag-tag lainnya beserta fungsinya; cara membuat teks, daftar, tabel, gambar, dan tautan hyperlink menggunakan HTML.
Dokumen tersebut memberikan tutorial dasar pembuatan website menggunakan bahasa pemrograman HTML dan database MySQL. Terdiri dari penjelasan tentang instalasi perangkat lunak XAMPP, struktur dasar dokumen HTML, dan cara membuat database serta autentikasi login menggunakan PHP dan MySQL.
Buku tips & trik adobe dreamweaver cs5.5 2012_rokiAmri Amri
Buku ini membahas tentang berbagai tip dan trik penggunaan Adobe Dreamweaver CS5.5 untuk membangun website. Buku ini terbagi menjadi 5 bab yang mencakup pengenalan Dreamweaver, pengelolaan layout dan konten, navigasi dan aset, penerapan CSS, serta pengelolaan form dan interaksi website.
Bab ini membahas penggunaan Microsoft FrontPage untuk membuat halaman web dasar. Tujuannya adalah memahami kelebihan dan kelemahan FrontPage serta belajar membuat tabel, link, dan gambar pada halaman web. Contoh yang diberikan menjelaskan cara membuat judul, daftar, tabel pizza, dan menambahkan link kontak, sekolah, dan navigasi pada halaman tentang pizza university.
HTML adalah bahasa markup yang digunakan untuk membuat halaman web. Dokumen ini menjelaskan pengertian HTML, sejarahnya, perkembangannya, tag dasar, dan struktur dasar dokumen HTML.
Materi pertama membahas pengenalan HTML sebagai bahasa standar untuk membuat halaman web dan penggunaan tag-tag dasar seperti <html>, <head>, <title>, <body>. Materi kedua membahas cara membuat layout dasar halaman web menggunakan tag table dan property-propertynya. Materi ketiga membahas penggunaan font, ukuran, dan warna teks menggunakan tag dan atribut seperti <font>, font-size, dan font-color.
Dokumen tersebut memberikan pengantar singkat tentang HTML. Ia menjelaskan apa itu HTML, bagaimana HTML digunakan untuk membuat halaman web, dan berbagai tag HTML dasar seperti <p>, <h1>, <img> untuk memformat teks, judul dan gambar. Dokumen tersebut juga mendemonstrasikan penggunaan tabel, daftar terurut dan tidak terurut, serta video YouTube menggunakan tag HTML.
1) Membahas bagian-bagian dari dokumen HTML yaitu bagian kepala dan tubuh
2) Menjelaskan kelebihan dan kelemahan penggunaan Notepad untuk membuat halaman web
Dokumen tersebut merupakan contoh pembuatan halaman web sederhana menggunakan editor teks Notepad, mulai dari penjelasan tag-tag dasar HTML, contoh kode untuk membuat tabel, gambar, dan link, hingga cara menyimpan dan melihat hasilnya sebagai halaman web.
Dokumen tersebut memberikan panduan singkat tentang cara membuat halaman web dasar menggunakan Microsoft FrontPage. Terdapat instruksi langkah demi langkah mulai dari membuat judul, tabel, gambar, link, dan unsur-unsur lainnya. Dokumen tersebut juga membahas kelebihan dan kekurangan menggunakan FrontPage untuk membuat halaman web.
Dokumen tersebut memberikan panduan singkat tentang cara membuat halaman web dasar menggunakan Microsoft FrontPage. Terdapat instruksi langkah demi langkah mulai dari membuat judul, tabel, daftar, menambahkan gambar, hingga membuat tautan hyperlink antar halaman. Dokumen tersebut juga membahas kelebihan dan kekurangan penggunaan FrontPage untuk membuat halaman web.
Proyek 2 web html menggunakan microsoft front pagehesty93
Dokumen tersebut memberikan panduan singkat tentang cara membuat halaman web dasar menggunakan Microsoft FrontPage. Terdapat instruksi langkah demi langkah mulai dari membuat judul, tabel, gambar, link, dan menyimpan hasilnya. Kelebihan FrontPage adalah kemudahan penggunaannya, namun kekurangannya adalah kode HTML yang dihasilkan kurang efisien.
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, ASP, ColdFusion, dan XML untuk membuat dan mengelola situs web.
Buku tips & trik adobe dreamweaver cs5.5 2012_rokiAmri Amri
Buku ini membahas tentang berbagai tip dan trik penggunaan Adobe Dreamweaver CS5.5 untuk membangun website. Buku ini terbagi menjadi 5 bab yang mencakup pengenalan Dreamweaver, pengelolaan layout dan konten, navigasi dan aset, penerapan CSS, serta pengelolaan form dan interaksi website.
Bab ini membahas penggunaan Microsoft FrontPage untuk membuat halaman web dasar. Tujuannya adalah memahami kelebihan dan kelemahan FrontPage serta belajar membuat tabel, link, dan gambar pada halaman web. Contoh yang diberikan menjelaskan cara membuat judul, daftar, tabel pizza, dan menambahkan link kontak, sekolah, dan navigasi pada halaman tentang pizza university.
HTML adalah bahasa markup yang digunakan untuk membuat halaman web. Dokumen ini menjelaskan pengertian HTML, sejarahnya, perkembangannya, tag dasar, dan struktur dasar dokumen HTML.
Materi pertama membahas pengenalan HTML sebagai bahasa standar untuk membuat halaman web dan penggunaan tag-tag dasar seperti <html>, <head>, <title>, <body>. Materi kedua membahas cara membuat layout dasar halaman web menggunakan tag table dan property-propertynya. Materi ketiga membahas penggunaan font, ukuran, dan warna teks menggunakan tag dan atribut seperti <font>, font-size, dan font-color.
Dokumen tersebut memberikan pengantar singkat tentang HTML. Ia menjelaskan apa itu HTML, bagaimana HTML digunakan untuk membuat halaman web, dan berbagai tag HTML dasar seperti <p>, <h1>, <img> untuk memformat teks, judul dan gambar. Dokumen tersebut juga mendemonstrasikan penggunaan tabel, daftar terurut dan tidak terurut, serta video YouTube menggunakan tag HTML.
1) Membahas bagian-bagian dari dokumen HTML yaitu bagian kepala dan tubuh
2) Menjelaskan kelebihan dan kelemahan penggunaan Notepad untuk membuat halaman web
Dokumen tersebut merupakan contoh pembuatan halaman web sederhana menggunakan editor teks Notepad, mulai dari penjelasan tag-tag dasar HTML, contoh kode untuk membuat tabel, gambar, dan link, hingga cara menyimpan dan melihat hasilnya sebagai halaman web.
Dokumen tersebut memberikan panduan singkat tentang cara membuat halaman web dasar menggunakan Microsoft FrontPage. Terdapat instruksi langkah demi langkah mulai dari membuat judul, tabel, gambar, link, dan unsur-unsur lainnya. Dokumen tersebut juga membahas kelebihan dan kekurangan menggunakan FrontPage untuk membuat halaman web.
Dokumen tersebut memberikan panduan singkat tentang cara membuat halaman web dasar menggunakan Microsoft FrontPage. Terdapat instruksi langkah demi langkah mulai dari membuat judul, tabel, daftar, menambahkan gambar, hingga membuat tautan hyperlink antar halaman. Dokumen tersebut juga membahas kelebihan dan kekurangan penggunaan FrontPage untuk membuat halaman web.
Proyek 2 web html menggunakan microsoft front pagehesty93
Dokumen tersebut memberikan panduan singkat tentang cara membuat halaman web dasar menggunakan Microsoft FrontPage. Terdapat instruksi langkah demi langkah mulai dari membuat judul, tabel, gambar, link, dan menyimpan hasilnya. Kelebihan FrontPage adalah kemudahan penggunaannya, namun kekurangannya adalah kode HTML yang dihasilkan kurang efisien.
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, ASP, ColdFusion, dan XML untuk membuat dan mengelola situs web.
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.
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 pembelajaran HTML dan PHP dasar, meliputi:
1) Pengenalan tag-tag dasar HTML seperti <html>, <head>, <title>, <body> beserta contoh kode;
2) Penggunaan tag-tag untuk format teks seperti <b>, <i>, <u>, dan header <h1>-<h6>;
3) Membuat baris dan paragraf menggunakan tag <br> dan <p>.
4) Contoh pembuatan grafik data vertikal sederhana men
Dokumen tersebut membahas tentang pembelajaran HTML dan PHP dasar, meliputi:
1) Pengenalan tag-tag dasar HTML seperti <html>, <head>, <title>, <body> beserta contoh kode;
2) Penggunaan tag-tag untuk format teks seperti <b>, <i>, <u>, header <h1-h6>, baris <br>, dan paragraf <p>;
3) Contoh pembuatan grafik data vertikal sederhana menggunakan PHP dan basis data;
4) Penj
Dokumen tersebut memberikan instruksi tentang cara membuat halaman web dasar menggunakan Microsoft FrontPage dan editor teks Notepad. Ia menjelaskan langkah demi langkah proses pembuatan halaman web, termasuk menambahkan teks, tabel, gambar, dan link menggunakan FrontPage.
UNIKBET : Link Slot Gacor Pragmatic Play Bisa Deposit Memakai Bank BPD DIY Ad...unikbetslotbankmaybank
Pada hari ini 06 Juni 2024, Link Slot Gacor Pragmatic Play Deposit BPD DIY Promo Bonus Terbesar Banyak Promo Spektakuler di provider Pragmatic Play adalah Unikbet karena berlicensi resmi internasional. Maka dari itu, Untuk anda para pemain slot online yang berada di kota Parung Panjang, bisa bermain dengan tenang dan aman. Berikut rekomendasi daftar situs slot bisa deposit pakai BPD DIY khusus untuk anda yang berlokasi di Kota Parung Panjang:
1. Slot Gates of Gatot Kaca 1000
2. Slot Sugar Rush 1000
3. Slot Aztec Gems
4. Slot Way of Ninja
5. Slot Joker's Jewels
6. Nexus Gates of Olympus™
BUKU ADMINISTRASI GURU KELAS SD 2024 /2025Redis Manik
Buku administrasi guru kelas SD adalah serangkaian dokumen dan catatan yang digunakan oleh guru untuk mengelola kegiatan pembelajaran dan administrasi kelas secara efektif. Buku-buku ini membantu guru dalam merencanakan, melaksanakan, dan mengevaluasi proses pembelajaran serta memastikan kelancaran operasional kelas. Berikut adalah beberapa jenis buku administrasi yang umumnya digunakan oleh guru kelas SD:
Buku Induk Siswa: Berisi data pribadi siswa, seperti nama, tanggal lahir, alamat, nomor induk siswa, dan informasi penting lainnya.
Buku Rencana Pelaksanaan Pembelajaran (RPP): Dokumen perencanaan yang berisi rencana kegiatan pembelajaran yang akan dilaksanakan oleh guru setiap hari atau setiap minggu.
Buku Program Tahunan (Prota): Dokumen yang berisi rencana kegiatan pembelajaran yang akan dilaksanakan selama satu tahun ajaran.
Buku Program Semester (Promes): Dokumen yang berisi rencana kegiatan pembelajaran yang akan dilaksanakan selama satu semester.
Buku Agenda Harian: Catatan harian tentang kegiatan pembelajaran yang dilakukan setiap hari, termasuk materi yang diajarkan dan kegiatan siswa.
Buku Absensi Siswa: Catatan kehadiran siswa setiap hari, termasuk alasan ketidakhadiran jika ada.
Buku Nilai: Catatan penilaian hasil belajar siswa, termasuk nilai ulangan harian, tugas, ujian tengah semester, dan ujian akhir semester.
Buku Catatan Prestasi dan Pelanggaran Siswa: Berisi catatan tentang prestasi yang diraih siswa serta pelanggaran yang dilakukan dan tindakan yang diambil.
Buku Inventaris Kelas: Catatan inventaris barang-barang yang ada di kelas, seperti peralatan belajar, alat peraga, dan buku-buku.
Buku Kas Kelas: Catatan tentang keuangan kelas, termasuk pemasukan dan pengeluaran dana kelas.
Buku Laporan Harian dan Bulanan: Laporan tentang kegiatan dan perkembangan siswa serta kondisi kelas yang dibuat setiap hari atau setiap bulan.
Buku Piket Guru: Catatan tentang tugas piket harian guru untuk mengawasi kegiatan di sekolah dan kelas.
Buku administrasi ini membantu guru dalam menjalankan tugas dan tanggung jawabnya dengan lebih terorganisir dan efisien, serta memudahkan dalam pelaporan dan evaluasi kegiatan pembelajaran.
ATRIUM GAMING : Slot Gacor Mudah Menang Terbaru 2024sayangkamuu240203
Hallo Selamat Datang di Situs ATRIUM GAMING, website TERBAIK dan terpercaya. Meyediakan Berbagai Macam Jenis Permainan Dari SportBook, Slot, Live Casino, Fishing, Lottry, Poker dan Berbagai Game Lainnya,
1.Bonus New Member 50%
2.Garansi Kekalahan 100%
3.Event Scatter Pojok Pracmatic Play
4.Event Scatter Pracmatic Play
5.Event Scatter PG SOFT
6.Event Bonus Perkalian Pragmatic Play.
main di mahjong ways dapat SCATTER emas hitam, wah di jamin seru pasti nya , modal recehan bisa jackpot jutaan , dan masih banyak bonus lainnya yang menguntungkan bagi new member & old member
ayo buruan daftar di Atrium Gaming, Kakak menang kita pun senang!!!
════════ ═════════════════ 💸 DEPOSIT VIA BANK & E-MONEY 💸 📥 Minimal Deposit 5.000 📥 📤 Minimal Withdraw 50.000 📤
Untuk Minimal Deposit Via Pulsa Telkomsel & XL Tanpa Potongan;
💸 IDR 10.000 / Rp 10RB 💸
══ ════════════ ═══════════ YUK BURUAN LANGSUNG JOIN DI LINK YANG ADA DI BIO KAMI YA
☎ http://wa.me/+62812-6407-2244
🌐 https://heylink.me/SlotGacorMudahMenang2024/
🌐 https://mez.ink/situsvipgacor
🌐 https://bio.site/AtriumGamingGACOR
🌐 https://bio.link/situsmudahmenang2024
🌐 https://bit.ly/m/AtriumGamingOffcial
Dalam permainan judi online ada yang namanya keberuntungan dan keberuntungan itu tidak ada di semua slot online,Akan tetapi jika anda main di situ ATRIUM GAMING dijamin anda bakalan betah dikarenkan situs online №1 di INDONESIA ini slot yang paling mudah mencari kemenangan,Jika anda tidak percaya silahkan dicoba bonus dan evet menanti kehadiran anda.!!!
ATRIUM GAMING Link Slot online mudah menang terbaru dari kamboja yang di dukung dengan server slot online yang di kenal dengan nama SERVER UG dan juga di kenal oleh sloter indonesia dengan server yang paling Stabil dan juga di kenal dengan server yang sering memberikan peluang kemenangan kepada setiap membernya
UNIKBET : Bandar Slot Pragmatic Play Ada Deposit Via Bank Aceh Syariah Resmi ...unikbetslotbankmaybank
Pada hari ini 07 Juni 2024, Link Slot Gacor Pragmatic Play Deposit Bank Aceh Syariah Promo Bonus Terbesar Banyak Promo Spektakuler di provider Pragmatic Play adalah Unikbet karena berlicensi resmi internasional. Maka dari itu, Untuk anda para pemain slot online yang berada di kota Cikampek, bisa bermain dengan tenang dan aman. Berikut rekomendasi daftar situs slot bisa deposit pakai Bank Aceh Syariah khusus untuk anda yang berlokasi di Kota Cikampek:
1. Slot Gates of Gatot Kaca 1000
2. Slot Sugar Rush 1000
3. Slot Aztec Gems
4. Slot Way of Ninja
5. Slot Joker's Jewels
6. Nexus Gates of Olympus™
Kepada anda para warga kota Cikampek, jangan menunggu terlalu lama lagi. Buruan daftar akun slot Bank Aceh Syariah resmi anda hanya di unikbet sekarang juga.
Hubungi kontak resmi kami :
» Telegram : 0813 7044 7146
» Link Daftar : unikbet . link / daftar
» Whatsapp : 0813 7044 7146
Atau Langsung ketik di Google : " UNIKBET "
#Cikampek #slotBankAcehSyariah #slotviaBankAcehSyariah #daftarslotBankAcehSyariah #unikbet
MODERN!!! WA 0821 7001 0763 (ALUMINOS) Pintu Kaca Aluminium di Buleleng.pptxFORTRESS
MODERN!!! WA 0821 7001 0763 (ALUMINOS) Pintu Kaca Aluminium di Buleleng, Pintu Aluminium Kaca di Kuta Selatan, Pintu Aluminium Minimalis di Bangli, Daun Pintu Aluminium di Jembrana, Pintu Kamar Aluminium di Pekutatan.
ALUMINOS FORTRESS adalah produk Pintu Baja Motif Kayu Sebuah terobosan inovasi terbaru sebagai alternatif pengganti pintu rumah konvensional yang mengunakan material baja sebagai bahan baku utamanya.
Tingkatkan Keamanan Rumah Anda dengan 13 Keunggulan Fortress Pintu Baja!
- Material Baja Berkualitas Tinggi.
- Finishing dengan Pola Serat Kayu Alami.
- Kusen Baja dengan Detail Architrave yang Anggun.
- Engsel Baja Tersembunyi dalam 4 Set.
- Sistem Penguncian 5 Titik dengan Kunci Utama.
- Sistem Keamanan A-B Lock dengan 7 Kunci Elektronik.
- Dilengkapi dengan Slot/Grendel untuk Penguncian Tambahan.
- Terdapat Lubang Pengintip.
- Pelindung Karet pada Kusen dan Daun Pintu.
- Lapisan Honeycomb Paper sebagai Penyerap Suara.
- Lapisan PE-Film untuk Perlindungan Tambahan.
- Dilengkapi dengan 6 Set Baut Pemasangan.
- Memiliki Ambang Pintu yang Kokoh.
Dapatkan keamanan yang tak tertandingi dengan Fortress Pintu Baja, solusi pintu yang kuat dan tahan lama untuk melindungi rumah Anda.
Hubungi Kami Segera (0821-7001-0763)
Head Office (Kantor Pusat) :
Jl. Raya Binong Jl. Kp. Cijengir No. 99, Rt.005/Rw.003, Binong, Kec. Curug, Kabupaten Tangerang, Banten 15810
Kantor Cabang JBS : (Solo, Pekanbaru, Surabaya, Lampung, Palembang, Kendari, Makassar, Balikpapan, Medan, Dan Kota Lainnya Menyusul)
Provinsi Bali Meliputi : Kab Badung-Mangupura, Kab Bangli, Kab Buleleng-Singaraja, Kab Gianyar, Kab Jembrana-Negara, Kab Karangasem-Amlapura, Kab Klungkung-Semarapura, Kab Tabanan, Kota Denpasar Dan Seluruh Kota Se-Indonesia.
#pintukacaaluminiumdibuleleng #pintualuminiumkacadikutaselatan #pintualuminiumminimalisdibangli #daunpintualuminiumdijembrana #pintukamaraluminiumdipekutatan
Pintu Kaca Aluminium di Buleleng, Toko Pintu Aluminium Terdekat di Kuta Utara, Pintu Kusen Aluminium di Kintamani, Pintu Wc Aluminium di Melaya, Kusen Dan Pintu Aluminium di Blahbatuh.
MODERN!!! WA 0821 7001 0763 (ALUMINOS) Pintu Kaca Aluminium di Buleleng.pptx
Proyek 3 proyek web html menggunakan notepad
1. Proyek Web/HTML Menggunakan Notepad
Nama : 1. Hesti Hariani 0211 11 018
2. Eva Nurfitriyana 0211 11 021
3. Neng Rachmawaty LS 0211 11 023
Kelas : 3A Manajemen
Universitas Pakuan
2. Proyek Web/HTML Menggunakan Notepad
Tujuan Pembelajaran :
Memahami kelebihan dan kelemahan
penyusunan halaman Web menggunakan editor
teks Notepad
Mampu membuat sebuah halaman Web dasar
Mengetahui bagaimana mengontrol format kata-
kata dan gambar pada halaman Web
3. Proyek Web/HTML Menggunakan Notepad
Mengetahui bagaimana membuat tabel dan
gambar pada sebuah halaman Web
Mengetahui bagaimana cara membuat link ke
halaman Web, e-mail, bagian-bagian lain
halaman Web.
4. Proyek Web/HTML Menggunakan Notepad
Pendahuluan
• Pada proyek ini, akan ditunjukkan bagaimana
cara menggunakan editor teks Notepad untuk
membuat sebuah halaman Web.
• Proyek ini menampilkan contoh tahap demi
tahap yang menggambarkan berbagai teknik
dan konsep yang dibutuhkan untuk membuat
halaman Web di Notepad.
5. CONTOH
• Pada contoh ini, kita akan membuat dokumen
Notepad yang akan disimpan dalam bentuk
Hypertext Markup Language (HTML) sehingga dapat
digunakan sebagai halaman Web.
• Contoh halaman Web di sini adalah penjelasan
pelayanan jasa yang ditawarkan sebuah salon
khusus wanita, sehingga seseorang yang melihat-
lihat internet dapat melihat apa yang ditawarkan
salon tersebut.
6. • Contoh ini berisikan seperangkat standar fitur Web
yang tampil pada hampir semua halaman Web,
yaitu daftar, gambar, link, dan tabel.
• Perlu dicatat bahwa presentasi dan pengaturan
informasi pada halaman Web amatlah penting.
• Nama perusahaan tersebut adalah “Maheva Salon”
ditampilkan secara jelas di bagian tengah atas
halaman Web dengan huruf biru besar.
• Ini diikuti dengan sebuah daftar penanda sebelum
7. masing-masing lokasi.
• Tampilan seperti ini adalah tampilan daftar tidak
berurutan yang umum yang tidak mendahulukan
salah satu informasi.
• Lalu, lihatlah daftar alasan yang mengikuti “Why
Do You Choose Our Salon?”, ini adalah daftar yang
berurutan yang artinya informasi yang lebih penting
dituliskan terlebih dahulu.
• Urutan yang biasanya digunakan menggunakan
8. angka, tetapi angka romawi dan huruf alfabet dapat
juga digunakan. Demikian juga halnya dengan
cakram (lingkaran kecil), penanda ini biasa
digunakan pada daftar yang tidak berurutan, tetapi
bentuk lain juga bisa digunakan.
• Setelah lokasi tempat pelayanan jasa
salon, sebuah tabel ditampilkan di mana sejumlah
treatment beserta harga-harganya tertulis. Tabel
tersebut memiliki dua kolom dan tujuh baris.
9. • Gambar salon merupakan gambar yang diambil
dari aplikasi lain. Gambar ini terletak di tengah
halaman Web.
• Halaman Web ini memiliki tiga link. Yang pertama,
“Contact Us”, adalah link untuk mengirimkan e-mail.
“Link To Our Salon” adalah hyperlink ke halaman
Web Salon tersebut. Link yang terakhir, “Go to Top
of Page”, adalah alat navigasi untuk halaman Web.
10.
11.
12.
13. Bagian-bagian dari Dokumen HTML
• Dokumen HTML terdiri atas dua bagian.
• Bagian “kepala” memberikan informasi mengenai
peranti lunak browser (penjelajah) Web, yang
mencakup judul halaman Web.
• Bagian “tubuh” memberitahu apa yang akan
dilihat oleh pengguna di layar, berisikan bagian yang
sebagian besar orang kira merupakan halaman
Web.
14. Membuat Dokumen Notepad
• Mulailah dengan membuka Notepad dan membuat
dokumen baru. Klik perintah “start” (di bagian
bawah kiri layar) dan pilihlah subperintah
“programs”. Tergantung pada versi Windows yang
Anda miliki, program Notepad akan muncul di dalam
daftar atau Anda mungkin harus mengklik
subperintah “Accessories” sebelum pilihan program
Notepad muncul.
15. • ketik baris 1 hingga 5 seperti pada figur ke dalam
dokumen Notepad.
• HTML mengharuskan perintah awal dan akhir
misalnya “<html>” dan “</html>. Jika anda hanya
mengetikan sebagian dari contoh dan mencoba
melihatnya sebagai halaman Web, browser tersebut
tidak akan menemukan perintah akhir, misalnya
</html>. Browser tersebut akan mencoba untuk
“memperbaiki” kesalahan ini, yang akan
menghasilkan halaman Web yang amat berbeda.
16. • Baris 1 s/d 5 menentukan judul halaman Web
yaitu “Maheva Salon” dan memulai bagian tubuh
kode HTML.
• Baris 6 adalah penentu tempat, yaitu tempat di
halaman Web di mana kursor akan ditempatkan.
Baris “<a name= “top-of-page”></a> adalah
jangkar. Kita mengetahui hal ini karena terdapat
kurung awal diikuti oleh perintah “a”, yang berarti
“anchor” (jangkar), yaitu tempat di dalam dokumen
17. atau pada dokumen HTML lain di mana pengguna
akan diarahkan melalui sebuah hyperlink .
• Bagian pertama contoh kita adalah untuk
menempatkan “Maheva Salon” di bagian tengah
atas halaman Web dengan huruf biru besar.
• Baris 7 berisikan HTML untuk memulai paragraf
(yang dimulai dengan perintah “p”) yang akan
disejajarkan di bagian tengah halaman Web.
18. • Pada baris 8, ukuran huruf diperbesar melalui tiga
tahapan, seperti memilih tiga opsi menurun pada
menu drop-down. Anda dapat melihat bahwa
perintah font juga mengubah warna “Maheva Salon”
menjadi biru. Perubahan-perubahan ini tidak harus
ke semua teks pada halaman tersebut, oleh karena
itu kita harus mengembalikan perubahan ini
menjadi bentuk huruf awal (baris 10) dan ke
perataan paragraf awal (baris 11).
19. • Selanjutnya kita ingin memberikan daftar lokasi di
mana Salon Maheva tersebut berada. Sebuah baris
kosong disisakan setelah satu paragraf, tetapi pada
baris 12 kita menggunakan perintah “line break”
(“<br>”) untuk memasukan satu baris kosong
tambahan.
• Kita membuat daftar yang tidak beraturan pada
baris 13 dan memberinya judul “Locations”.
Kemudian kita membuat daftar berisikan 3 hal
Bogor Tread Mall, SuperMall Cianjur dan Lodaya
20. dengan menggunakan perintah “<li>”. Anda dapat
melihat bahwa perintah “unordered list” dimatikan
pada baris 17.
• Sekarang kita siap untuk membuat tabel berisikan
harga-harga pelayanan salon.
• Tabel Salon Maheva memiliki 6 baris dan 2 kolom.
Baris yang pertama berisikan kata-kata “treatment”
dan “price” dalam huruf miring.
• Teks pada masing-masing data ditabel di letakkan
ditengah.
21. • Sel tabel data ditandai dengan “td” seperti yang
ditunjukan pada baris 20
• Baris 18 membuat tabel; perlu dicatat bahwa
perintah tersebut juga dapat membuat garis di
sekitar sel tabel. Jika perintah bertuliskan “<table
border=1>” maka sebuah pembatas tipis akan
dihasilkan; “<table border=10>” akan
menghasilkan garis tebal di sekeliling masing-
masing sel.
22. • Lihatlah baris 19 pada figur. Ini adalah perintah
untuk memulai baris baru di dalam tabel. Baris 18
memulai tabel, tetapi baris 19 memberitahu HTML
untuk memulai sebuah baris.
• Baris 20 s/d 21 membuat 2 sel data yang masing-
masing mewakili judul kolom. Bisa dilihat dari figur
bahwa judul-judul ini berformat huruf miring.
Perintah “<i>” dan “</i>” di sekeliling kata-kata
membuat kata tersebut ditampilkan dalam huruf
miring. Isi sel tabel berada di tengah.
23. • Gambar bukanlah bagian dari kode HTML, tetapi
dipanggil dengan perintah “image”.
• Pada figur, file sumber yang berisikan gambar
seorang pegawai salon yang sedang melayani
pelanggannya adalah “hair_salon_image.gif”, dan
bertempat pada direktori yang sama dengan file
HTML. “Img” adalah singkatan untuk image, dan
“src” adalah singkatan untuk source file (file
sumber) yang berisikan gambar tersebut.
24. • Baris 52 membuat paragraf terletak di tengah
halaman Web.
• Baris 53 memberitahu HTML untuk menggunakan
file “hair_salon_image.gif” tanpa pembatas di
sekeliling gambar; dengan kata lain, “border=0”.
Baris 54 menonaktifkan perataan paragraf sehingga
perataan akan kembali seperti semula, yaitu rata
kiri.
25. • Daftar berurutan “Why Do You Choose Our
Salon?” ditunjukkan pada baris 55 s/d 59.
• Baris ini dimulai dengan “<ol>Why Do You Choose
Our Salon?” sebagai judul daftar. Daftar yang
berurutan (yang dikodekan “ol”) menggunakan
angka untuk menandakan urutan poin.
• 3 hal terakhir yang ada pada figur adalah link. 2
link yang pertama sejajar dengan bagian tengah
kanan halaman Web.
26. • Baris 60 dan 62 adalah perintah awal dan akhir
yang menyebabkan paragraf tersebut sejajar ke
bagian kanan.
• Sekarang kita akan membahas tiga jenis link pada
situs ini : satu ke halaman Web lain, satu ke
program e-mail, dan satu ke bagian lain halaman
Web yang sedang dilihat.
• Hyperlink yang pertama (baris 61) adalah
“mailto:maheva.salon@yahoo.com.”
27. • Segmen “mailto :” memerintahkan browser Web
untuk membuat link dengan peranti lunak
komputer dan memasukkan
“maheva.salon@yahoo.com sebagai alamat
penerima e-mail.
• Frase “Contact Us” adalah satu-satunya hal yang
akan dilihat pengguna pada halaman Web; perintah
“anchor” tetap tidak akan terlihat. Akhiri perintah
anchor dengan “</a>,” atau sisa halaman Web
akan terhubung dengan program e-mail.
28. • Hyperlink yang kedua adalah situs Web fiktif. Frase
“Link To Our Salon” ditampilkan kepada pengguna
dan Anda harus menggunakan alamat Web salon di
sini.
• Link yang terakhir adalah referensi hyperlink ke
suatu tempat di halaman Web.
• Lihatlah baris 6 pada figure, perlu dicatat bahwa
baris ini adalah titik referensi yang bernama dalam
halaman Web tersebut; namanya adalah
“top_of_page”.
29. • Baris 67 membuah hyperlink dengan point
referensi yang bernama tadi. Karakter “#” pada
referensi hyperlink “# top_of_page” memberitahu
browser Web bahwa titik hyperlink berada di dalam
halaman Web.
• Dua baris terakhir pada figur berisikan perintah
“</body>” dan “</html>”. Penting bagi anda untuk
mengakhiri dengan dua perintah HTML tersebut
sehingga browser Web dapat menerjemahkan
halaman Web dengan benar.
30. Menyimpan Contoh
• Simpanlah dokumen ini sebagai file HTML.
• Default dokumen ini di Notepad adalah dokumen
teks dan ekstensi file.txt akan ditambahkan secara
otomatis pada nama file, jika file di simpan dalam
bentuk “teks” browser Web tidak akan
menerjemahkan dokumen teks.
• Pilihlah “File” diikuti “Save As”
31. • Masukan nama file seperti “Maheva Salon.htm”
tetapi tanpa tanda kutip. Figur menunjukan bahwa
jenis file yang dipilih (dengan kata lain”Save As
Type”) haruslah “All File” dengan pengodean “ANSI”.
• Jika Anda tidak memilih “ All Files” sebagai jenis
file , halaman Web tersebut tidak akan bekerja, dan
lebih parah lagi, ekstensi “.txt” akan ditambahkan
diakhir nama file Anda.
32. Melihat Halaman Web
• Jika Anda ingin melihat halaman Web tidak perlu
menutup program Web, karena program ini dapat
tetap terbuka ketika Anda melihat file dengan
browser Web.
• Bukalah browser Web dan pilihlah perintah “File”
diikuti subperintah “Open”
• Ketikkan nama file atau “Browse” untuk
menemukannya dan klik tombol “Ok”, maka
halaman Web Anda akan muncul pada browser lain.
33. • Jika perlu melakukan perbaikan, pilihlah editor
Notepad lagi.
• Editlah kode HTML dan simpanlah dokumen
tersebut kembali dengan jenis file yaitu “All Files” .
• Buka kembali browser Web dan pilihlah perintah
“View” diikuti subperintah “Refresh” .
• Ulangi proses ini hingga Anda merasa puas
dengan halaman Web Anda.
34. KELEBIHAN DAN KELEMAHAN PENGGUNAAN
NOTEPAD
• Apa yang Anda lihat pada tampilan halaman Web
bukanlah yang digunakan oleh browser Web untuk
membuat halaman tersebut.
• HTML cukup mudah dipelajari, tetapi pembuatan
kodenya bisa jadi amat kesalahan pengetikan dapat
menghasilkan efek yang salah.
• Selain itu, kekuatan manajer terletak pada bakat
bisnisnya, dan bukan pada keahlian membuat kode
35. HTML.
• Kelemahan membuat halaman Web dengan editor
teks seperti Notepad adalah keharusan untuk
mempelajari perintah-perintah HTML dan proses
pembuatan kode.
• Meskipun sederhana, pengodean di Notepad
memakan banyak waktu.
• Tetapi, ada dua keuntuangan membuat kode
HTML di Notepad: kode yang dibuat efisien dan
manajer dapat lebih memahami bagaimana
36. Halaman Web bekerja.
• Manajer dapat membeli halaman Web sebagai
produk jadi dari vendor atau memberi upah kepada
karyawan yang mengerjakan halaman Web.
• Penting bagi para manajer untuk menjadi
konsumen yang tahu selama proses penyusunan
halaman Web.
• Setelah membuat halaman Web, Anda berada
pada posisi yang lebih baik untuk mengekspresikan
apa yang Anda butuhkan dari halaman Web