MATERI-DARING PBO

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 mengenai HTML dasar yang kita pelajari kali ini,walaupun sedikit semoga ada guna dan manfaat bagi kita semua,tiada kata terlambat dalam menuntut ilmu:)

Penulis:
 Adi Tajudin
 xi rpl 3










Jika Ingin Mempelajari Lebih Lanjut Silahkan Kunjungi
w3school.com

Komentar

Posting Komentar

Postingan populer dari blog ini

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...
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;   ...
Baca selengkapnya