Postingan

Website Sederhana

Gambar
  Website Sederhana HTML dan CSS   Assalamualaikum wr wb Apa kabar viewers setia blogku yang saya cintai dan sayangi sepenuh hati segenap jiwa raga ini gimana kabarnya sehat,kuota internet masih aman?:)   Semoga di tengah pendemi ini kita selalu di beri kesehatan oleh Allah swt tetap semangat menjalani hari hari ini semoga kita selalu menjadi orang yang dapat bersyukur.   Kembali lagi bersama saya,pada kesempatan kali ini saya akan kembali memberikan atau lebih tepat nya mem publish hasil tugas saya sebagai bukti laporan bahwa saya telah mengerjakan tugas yang telah di berikan oleh bapak guru produktif saya yang terhormat. Bpk Bagus yuli Setyawan.ST   Pada beberapa hari yang lalu saya telah selesai membuat project sederhana yang telah di tugaskan oleh guru pembimbing saya yaitu tugas membuat tampilan website sederhana dengan menggunakan HTML dan CSS  Yang pada kali ini tema nya adalahCURICULUM VITAE/DAFTAR RIWAYAT HIDUP Dimana pada beberapa hari kebela...
Posting Komentar
Baca selengkapnya

Tugas Lanjutan

Gambar
  Landing Page Assalamualaikum wr'wb Teman dunia nyata dan teman dunia maya ku apa kabar semoga di tengah pandemi ini kita selalu diberi kesehatan oleh Allah swt semoga kita selalu dalam lindungan nya Teman teman ku sekalian pada pertemuan kali ini saya akan kembali membeli sedikit pemaparan sekaligus sebagai laporan tugas daring saya,yaitu saya akan melanjutkan materi tentang Landing Page yang sebelumnya telah sedikit saya bari penjelasannya,sebelumnya saya sudah membuat tugas landing page sederhana yang telah saya buat baiklah langsung saja kita lihat source code yang telah saya buat dengan sepenuh hati segenap jiga dengan cinta. Baiklah ini dia tampilan source code nya: <html> <head> <title>landingpage</title> <style>       /* iloveindonesia */       #info{        font-size: 30px;       color:grey;       box-shadow: 5px 5px 5px;       width: 100vw;   ...
Posting Komentar
Baca selengkapnya

Tugas Html Lanjutan

Gambar
Html Lanjutan Assalamualaikum teman teman semua Bertemu lagi dengan saya,alhamdulillah masi di beri kesehatan di tengah pandemi ini semoga semua sehat selalu Pada kesempatan ini saya akan sedikit memberi contoh code sederhana atau blog ini sekaligus sebagai bukti laporan tugas lanjutan saya baiklah lansung saja kita mulai <html> <head> <title>todo suply a title</title> </head> <body> <a href="">prograte</a> <h1>HALLO  WORD!</h1> <h2>Ayo belajar coding</h2> <h3>pelajaran</h3> <ul>       <li>HTML</li>       <li>PHP</li>       <li>RUBY</li> </ul> </body> </html> Nah souce code di atas merupakan tampikan sederhana yang mengandung beberapa unsur tag html Jika di jalankan dengan web browser maka tampilan akan seperti dibawah ini Mungkin begitu saja blog saya saat ini karna blog ini dibuat sebagai lapor...
Posting Komentar
Baca selengkapnya

TABEL DAN PUNGSI TAG NYA

Gambar
Tabel  Assalamualaikum wr'wb Hai teman teman apa kabar nya semoga kalian baik baik saja,pada kesempatan kali ini saya akan kembali memberi penjelasan tentang elemen elemen dan tag pada html. Pada kesempatan kali ini kita akan membahas mengenai tabel dalem html. Dalam kesempatan kali ini saya tida akan terlalu banyak memberi penjelasan mengenai tabel dalam html tetapi saya akan langsung mendemonstrasikan Macam macam pembuatan tabel dalam html Jika teman teman ingin lebih mengetahuinya penjelasan lebih detail nya silahkan kunjungi situs resmi w3school.com Baiklah kita mulai saja ke pembuatan source code nya: √Tugas 1 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>website pertamaku</title> <style>     #info{   font-size: 30px;   color:grey;   box-shadow: 5px 5px 5px;       width: 100vw;       position: relative;       margin-left: -50vw;       l...
1 komentar
Baca selengkapnya

HTML Tag Element Atribut dan Comment

Gambar
HTML  assalamualaikum wr'wb Alhamdulillah pada kesempatan kedua ini kita masi dapat belajar melalui media digital yang telah ada untuk memudahkan proses belajar mengajar kita  secara darinng. bailklah teman teman pada kesempatan kali ini kita akan meneruskan materi ketiga kita yaitu  tentang comment,yang mana pada pertemuan sebelumnya kita sudah mempelajari apa saja tag tag yang ada dalam element html,lalu apa itu comment? baiklah segera saja kita mulai pembelajaran kali ini. langsung saja kita mulai ke materinya:      Maksudnya, keberadaan comment dalam source code akan diabaikan dan tidak dibaca oleh komputer saat  programnya dijalankan. Dalam kasus HTML, browser akan mengabaikan semua comment yang kita tulis. "Lalu, apa gunanya comment kalau begitu?" Bayangkan kalian diberi tugas untuk memperbaiki sebuah kode HTML. Namun, kode tersebut rumit dan sulit bagi  kalian untuk tahu fungsi dari masing-masing bagian dalam kode. Pasti kalian akan berpiki...
Posting Komentar
Baca selengkapnya

TUGAS DARING MATERI 2 BELAJAR HTML - Html tag,Element,Attribut & Comment

Gambar
HTML Element     assalamualaikum wr'wb Alhamdulillah pada kesempatan kedua ini kita masi dapat belajar melalui media digital yang telah ada untuk memudahkan proses belajar mengajar kita  secara darinng. bailklah teman teman pada kesempatan kali ini kita akan belajar materi kedua yaitu  tentang html,yaitu tentang HTML Element atau elemen elemen apa saja yang ada dan dapat di gunakan dalam html  yanga mana pada pertemuan sebelunya kita telah membahas tentang pengenalan Tag Tag pada html. langsung saja kita mulai ke materinya:     HTML Element merupakan sebuah komponen dalam halaman web, bisa berupa paragraf,judul,dan gambar. ✓ Pada umumnya, HTML Element terdiri dari: • Opening Tag (tag pembuka) - contohnya adalah <p>. • Closing Tag (tag penutup) - contohnya adalah </p>. • Attribute - contohnya adalah style yang memiliki Value "color=red". HTML Attribute akan kita  pelajari di topik selanjutnya. • Cont...
1 komentar
Baca selengkapnya

MATERI-DARING PBO

Gambar
Pengenalan HTML dan Tag HTML Hypertext Markup Language  HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi. Berikut contoh code html sederhana untuk menampilkan Hello world <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>Website Pertamaku</title> </head> <body bgcolor="lavender"> <center> <h1>Hello World!</h1> </center> </body> </html> =>Jika di tulis dalam kode editor notepad++ maka tampilan nya seperti gambar di bawah ini =>dan setelah code berhasil di buat jika di jalankan dengan web browser maka akan muncul tampilan seperti pada gambar di bawah ini Demikian sedikit penjelasan singkat men...
Posting Komentar
Baca selengkapnya