Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Npm : 2012 4350 1163
Nama : Hamim Suyuti
Kelas : R7H
Mata Kuliah : Komputer Grafik
Dosen : Nahot Frastian, M.Kom
Program Studi : Teknik Informatika
Universitas : Universitas Indraprasta PGRI
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung.
Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS"
https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Npm : 2012 4350 1163
Nama : Hamim Suyuti
Kelas : R7H
Mata Kuliah : Komputer Grafik
Dosen : Nahot Frastian, M.Kom
Program Studi : Teknik Informatika
Universitas : Universitas Indraprasta PGRI
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
Modul Panduan Microsoft Word SD
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.
MATERI MATERI PROGRAM PROFESI GURU PROFESIONAL - TEKNIK KOMPUTER & INFORMATIKAWalid Umar
MATERI MATERI PROGRAM PROFESI GURU PROFESIONAL - TEKNIK KOMPUTER & INFORMATIKA MATERI MATERI PROGRAM PROFESI GURU PROFESIONAL - TEKNIK KOMPUTER & INFORMATIKA
KUMPULAN SOAL LATIHAN UP - PPG TKI - WALID UMARWalid Umar
KUMPULAN SOAL LATIHAN UP - PPG TKI - WALID UMAR KUMPULAN SOAL LATIHAN UP - PPG TKI - WALID UMAR KUMPULAN SOAL LATIHAN UP - PPG TKI - WALID UMAR KUMPULAN SOAL LATIHAN UP - PPG TKI - WALID UMAR
KUMPULAN SOAL LATIHAN DARI MODUL PROGRAM PROFESI GURU (PPG) TEKNIK KOMPUTER &...Walid Umar
KUMPULAN SOAL LATIHAN DARI MODUL PROGRAM PROFESI GURU (PPG) TEKNIK KOMPUTER & INFORMATIKA KUMPULAN SOAL LATIHAN DARI MODUL PROGRAM PROFESI GURU (PPG) TEKNIK KOMPUTER & INFORMATIKA KUMPULAN SOAL LATIHAN DARI MODUL PROGRAM PROFESI GURU (PPG) TEKNIK KOMPUTER & INFORMATIKA
KUMPULAN SOAL MODUL LATIHAN - PROGRAM PROFESI GURU (PPG) - TEKNIK KOMPUTER & ...Walid Umar
KUMPULAN SOAL MODUL LATIHAN - PROGRAM PROFESI GURU (PPG) - TEKNIK KOMPUTER & INFORMATIKA KUMPULAN SOAL MODUL LATIHAN - PROGRAM PROFESI GURU (PPG) - TEKNIK KOMPUTER & INFORMATIKA
Konsep Computional Thinking Konsep Computional Thinking Konsep Computional Thinking Konsep Computional Thinking Konsep Computional Thinking Konsep Computional Thinking Konsep Computional Thinking Konsep Computional Thinking Konsep Computional Thinking Konsep Computional Thinking
my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR my CV WALID UMAR
Ebook Belajar Perangkat Cisco Ebook Belajar Perangkat Cisco Ebook Belajar Perangkat Cisco Ebook Belajar Perangkat Cisco Ebook Belajar Perangkat Cisco Ebook Belajar Perangkat Cisco
Tips Meniti Karir dibidang Jaringan sebagai Network EngineerWalid Umar
Network Engineer (NE) adalah orang yang bertugas untukmembangun sebuah jaringan di suatu organisasi atau perusahaan. Selain itu, mereka juga bertugas mendesain, implementasi, dan melakukan pemeliharaan agar jaringan tidak mengalami masalah.
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondelferrydmn1999
Indonesia, negara kepulauan yang kaya akan keragaman budaya, suku, dan tradisi, memiliki Jakarta sebagai pusat kebudayaan yang dinamis dan unik. Salah satu kesenian tradisional yang ikonik dan identik dengan Jakarta adalah ondel-ondel, boneka raksasa yang biasanya tampil berpasangan, terdiri dari laki-laki dan perempuan. Ondel-ondel awalnya dianggap sebagai simbol budaya sakral dan memainkan peran penting dalam ritual budaya masyarakat Betawi untuk menolak bala atau nasib buruk. Namun, seiring dengan bergulirnya waktu dan perubahan zaman, makna sakral ondel-ondel perlahan memudar dan berubah menjadi sesuatu yang kurang bernilai. Kini, ondel-ondel lebih sering digunakan sebagai hiasan atau sebagai sarana untuk mencari penghasilan. Buku foto Lensa Kampung Ondel-Ondel berfokus pada Keluarga Mulyadi, yang menghadapi tantangan untuk menjaga tradisi pembuatan ondel-ondel warisan leluhur di tengah keterbatasan ekonomi yang ada. Melalui foto cerita, foto feature dan foto jurnalistik buku ini menggambarkan usaha Keluarga Mulyadi untuk menjaga tradisi pembuatan ondel-ondel sambil menghadapi dilema dalam mempertahankan makna budaya di tengah perubahan makna dan keterbatasan ekonomi keluarganya. Buku foto ini dapat menggambarkan tentang bagaimana keluarga tersebut berjuang untuk menjaga warisan budaya mereka di tengah arus modernisasi.
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratEldi Mardiansyah
Di dalamnya mencakup Presentasi tentang Pendampingan Individu 2 Pendidikan Guru Penggerak Aangkatan ke 10 Kab. Sukabumi Jawa Barat tahun 2024 yang bertemakan Visi dan Prakarsa Perubahan pada SMP Negeri 4 Ciemas. Penulis adalah seorang Calon Guru Penggerak bernama Eldi Mardiansyah, seorang guru bahasa Inggris kelahiran Bogor.
ppt profesionalisasi pendidikan Pai 9.pdfNur afiyah
Pembelajaran landasan pendidikan yang membahas tentang profesionalisasi pendidikan. Semoga dengan adanya materi ini dapat memudahkan kita untuk memahami dengan baik serta menambah pengetahuan kita tentang profesionalisasi pendidikan.
1. 1. HTML adalah sebuah bahasa pemrograman markup yang digunakan untuk membangun sebuah
tampilan website statis, kepanjangan HTML adalah …
a. Hypertext Markup Languange d. Hypertext Text Markup Language
b. Hyperteks Markup Linguist e. Hyperteks Markup Languages
c. Hypertext Mark Up Language
1. Istilah yang digunakan untuk mendefinisikan kode HTMLyang digunakan contoh <HEAD>adalah
….
a. ATTRIBUT d. PARAMETER
b. VALUE e. NILAI
c. TAG
2. TAG HTML yang berfungsi untuk membuat huruf tebal adalah….
a. <em></em> d. <bold></bold>
b. <italic></italic> e. <strong></strong>
c. <u></u>
3. Protokol jaringan yang berfungsi untuk menghubungkan antara webserver dan webbrowser client
yaitu menggunakan protocol…
a. HTTP d. MAIL
b. FTP e. POP
c. SSH
4. Aplikasi / protocol jaringan dalam proses kerjanya menggunakan port logikal yang berbeda-beda,
HTTP menggunakan port jaringan ….
a. 22 d. 3128
b. 21 e. 80
c. 8080
5. TAG HTML yang berfungsi untuk membuat huruf miring adalah ….
a. <em></em> d. <b></b>
b. <italic></italic> e. <strong></strong>
c. <u></u>
6. Attribut <font> HTML yang berfungsi melakukan perubahan warna pada tulisan HTML adalah …
a. Color d. Faces
b. Colors e. Kolor
c. colours
7. Attribut <font> HTML yang berfungsi untuk melakukan perubahan jenis / tipe tulisan HTML
adalah …
a. Face d. Profiles
b. Type e. Tipe
c. Varians
8. Berikut ini yang bukan merupakan attribute dari tag <Table> pada bahasa HTML adalah ….
a. <tr> d. cellpadding
b. <td> e. cellspace
c. border
2. 9. TAG HTML yang berfungsi untuk membuat garis horizontal pada sebuah halaman adalah….
a. <br> d. <border>
b. <hr> e. <line>
c. <p></p>
10. TAG HTML yang berfungsi untuk berpindah baris pada suatu halaman adalah …
a. <br> d. <u>
b. <p> e. <i>
c. <hr>
11. TAG HTML yang berfungsi untuk berpindah ke paragraph baru adalah …
a. <br> d. <u>
b. <p> e. <i>
c. <hr>
12. Attribut tag <table> pada HTML yang berfungsi untuk mengatur ketebalan garis pada tabel adalah
…
a. Bold d. Height
b. Border e. Lines
c. Width
13. Perintah / TAG html yang berfungsi untuk membuat running text adalah …..
a. Marquee d. Run
b. Running e. Walking
c. Runner
14. Attribut <table> yang berfungsi untuk menyatukan kolom (column) pada sebuah tabelpada bahasa
HTML adalah …
a. Colspan d. Cellspacing
b. Rowspan e. Cellwidth
c. Cellpadding
15. Attribut <table> yang berfungsi untuk menyatukan baris (rows) pada sebuah tabel pada bahasa
HTML adalah …
a. Colspan d. Cellspacing
b. Rowspan e. Cells
c. Cellpadding
16. Attribut <table> yang berfungsi untuk mengatur jarak antara tulisan dan garis pada tabeladalah ….
a. Colspan d. Cellspacing
b. Rowspan e. Cells
c. Cellpadding
17. Attribut <table> yang berfungsi untuk mengatur jarak antara cells pada tabel adalah …
a. Colspan d. Cellspacing
b. Rowspan e. Cells
c. Cellpadding
18. <!doctype html> adalah attribute yang wajib digunakan pada setiap halaman HTML, attribute tag
tersebut adalah suatu ciri dari tipe HTML yang digunakan yaitu ….
a. HTML 4 d. HTML 3
b. HTML 5 e. HTML 2
c. HTML HEADER
3. 19. Dalam pembuatan HTML, kita mengenal bahasa yang digunakan, tag <body> dalam HTML
mendeskripsikan …
a. Kepala HTML d. Badan HTML
b. Kaki HTML e. Tabel HTML
c. Judul HTML
20. Dalam bahasa pemrograman PHP,ditetapkan aturan bahwa setiap baris perintah dalam penulisan
bahasa pemrograman PHP,diharuskan diakhiri dengan symbol semicolon ; , yang berfungsi
untuk….
a. Penanda bahasa PHP d. membuat tipe data
b. Penanda akhir statement PHP e. membuat sebuah fungsi logika
c. Pembuatan variabel
21. Proses penyimpanan data berupa teks, angka, dan symbol. Kedalam sebuah symbol yang dibuat,
sehingga dapat digunakan secara berulang-ulang dikenal dengan istilah …
a. Konstanta d. tipe data
b. Variable e. pendefinisian
c. Framework
22. Berikut ini, yang tidak termasuk dalam kategori penulisan variable yang benardan sesuaiketentuan
adalah….
a. Terdiri dari satu huruf d. diawali karakter numerik
b. Terdiri dari alpha-numerik e. diawali huruf atau underscore
c. Terdiri dari satu kalimat
23. Method pada tag FORM dalam bahasa pemrograman web HTML, terbagi menjadi dua jenis
yaitu…
a. IN & OUT d. USERNAME & PASSWORD
b. POST & GET e. TEXT & TEXTAREA
c. INPUT & OUTPUT
24. Apakah ekstensi file yang digunakan oleh sebuah file dalam pemrograman PHP ….
a. .html d. .css
b. .php e. .mysql
c. .apache
25. Berikut ini yang tidak tergolong dalam sebuah aplikasi web adalah …..
a. www.smkn4gorontalo.sch.id d. web@smkn4gorontalo.sch.id
b. www.gorontakota.go.id e. www.e-literasi.smkn4gorontalo.sch.id
c. www.twitter.com
26. Sebuah alamat / address yang digunakan untuk mengakses sebuah layanan web di internet dikenal
juga dengan istilah ….
a. Domain d. address
b. Hosting e. website
c. Situs
27. Tag Form untuk menampilkan tombol submit dengan isi “Log In” adalah ….
a. <input type=submit name=Log In> d. <input type=submit name=”Log In”>
b. <input type=submit value=Log In> e. <input type=login value=”Submit>
c. <input type=submit value=”Log In”>
4. 28. Parameter FORM yang digunakan untuk mengirimkan data ke sebuah halaman / fungsi PHP
dikenal dengan method ….
a. Value d. form
b. Method e. input type
c. Action
29. Metode pengiriman data pada FORM, yang dilewatkan melalui URL adalah …
a. POST d. DOWNLOAD
b. GET e. HOSTING
c. UPLOAD
30. Komponen form yang berfungsi untuk mendefinisikan variable / identitas dari sebuah tag adalah
…
a. Value d. name
b. Type e. variable
c. Attribute
31. Perhatikan tag HTML berikut :
Attribut dari <input type = text> yang berfungsi untuk menampilkan teks bayangan “First name”
adalah …
a. shadowtext = “First Name” d. transparent =”First Name”
b. texthelper = “First Name” e. visibility = “First Name”
c. placeholder = “First Name”
32. Perhatikan penggalan code program PHP berikut ini :
Apakah hasil output dari program diatas, ketika dijalankan melalui webbrowser …
a. ERROR d. Undefined Variabel
b. 80 e. 40
c. FATAL ERROR
33. Berikut ini adalah aplikasi yang tidak dapat digunakan untuk melakukan proses pembuatan, dan
penulisan code HTML, CSS dan PHP adalah….
a. Notepad d. Macromedia Dreamweaver
b. Notepad++ e. Adobe Photoshop
c. Nano
34. Untuk menjalankan sebuah file PHP pada computer local untuk melihat hasil code yang dituliskan
dapat diakses dengan mengetikkan URL berikut …
a. php.com d. localhost
b. w3schools.com e. localserver
c. webserver.com
5. 35. Berikut ini penulisan fungsi untuk menampilkan teksyang benar menggunakan fungsi echo adalah
….., kecuali
a. ECHO “smk bisa”; d. eChO “smk bisa”;
b. Echo “smk bisa”; e. echo smk bisa
c. Echo “smk bisa”;
36. Tag HTML form yang berfungsi untuk menampilkan inputan data seperti pada gambar berikut
adalah ….
a. <textarea> d. <input type = text>
b. <input type = radio> e. <input type =submit>
c. <input type = checkbox>
37. Tag HTMLform yang berfungsi untuk menampilkan input data sepertipada gambar berikut adalah
…
a. <textarea> d. <input type=text>
b. <input type = radio> e. <input type=submit>
c. <input type=checkbox>
38. Tag HTML form yang berfungsi untuk menampilkan input data seperti pada gambar berikut
adalah …
a. <textarea> d. <input type = text>
b. <input type = radio> e. <input type = submit>
c. <input type=checkbox>
39. Berikut ini yang termasuk kepanjangan dari istilah PHP dalam bahasa pemrograman adalah …..
a. Pemberi Harapan Palsu d. P-Hypertext Preprocessor
b. PersonalHome page e. PHP-Hypertext Processor
c. PHP – Hypertext PreProcessor
40. Perhatikan potongan baris code pemrograman PHP berikut :
<?php
/* selamat melaksanakan ujian,. Semoga mendapatkan
hasil yang memuaskan */
echo “SMK Negeri 4 Gorontalo”;
?>
Makna dari baris pemrograman yang ditandai dengan huruf tebal, adalah….
a. Memberikan informasi variable d. memberikan keindahan
b. Mendeskripsikan isi file e. memberikan attribut
c. Memberikan keterangan berupa komentar
6. Essay
1. Amati tampilan format tabel dibawah, buatlah struktur tabel tersebut kedalam bahasa markup
HTML…
No Nama
UKK
Praktikum (60%) Teori (40%)
1 Yusrin Isima 70 80
2 Farhan Dio 95 90
3 Muhtar Podungge 80 75
4 Ismail Yunus 50 60
2. Jelaskan menurut pendapat anda perbedaan antara pemrograman web statis dan web dinamis ,…
berikan contoh untuk keduanya…
3. HTML adalah sebuah bahasa markup yang berfungsi untuk mendesain tampilan HTML, Sebutkan
tag-tag HTML yang anda pahami…
4. CSS adalah sebuah bahasa stylesheet yang berfungsi untuk memperindah sebuah tampilan halaman
web, secara umum metode yang digunakan oleh CSS untuk melakukan penerapan desain terbagi
menjadi 3 jenis yaitu inline, internal dan eksternal. Jelaskan menurut pandangan anda perbedaan
antara ketiga metode tersebut….
5. PHP adalah sebuah bahasa pemrograman web dinamis yang dapat digunakan untuk melakukan
pembuatan sebuah aplikasi web. susunlah sebuah aplikasi web sederhana yang dapat
mengklasifikasikan jenis bilangan yang diinputkan kedalam sebuah variabel. Contoh : jika
pengguna menginputkan sebuah angka 40,maka secara otomatis aplikasi akan mengenali inputan
tersebut sebagai angka genap, jika yang diinputkan adalah angka 75 maka program akan
mengenali inputkan tersebut adalah angka ganjil