Skip to main content

Struktur HTML

Halo teman-teman, setelah kalian membaca postingan ini kita lanjut belajarnya.
1. Teman-teman buka Teks Editor.
2. Buat file baru dengan nama "struktur.html".


3. Sekarang ketikkan teks berikut :

<!DOCTYPE HTML>
<html>
<head>
  <title>Belajar</title>
</head>
<body>
  Pelajaran pertama
</body>
</html>

simpan file CTRL+S.

4. Cari dimana struktur.html disimpan, kemudian klik kanan>open with>browser yang kalian pakai.


5. Jika berhasil maka akan tampil seperti dibawah ini.

Sekarang penjelasanya :

<!DOCTYPE HTML>
adalah tag awal sebuah dokumen html, dan berfungsi untuk menginformasikan kepada browser bahwa dokumen ini adalah HTML.

<html>..</html>
ini adalah tag dimana kode HTML akan diisi di dalam sini... jangan lupa untuk menutup tag </html>

<head>..</head>
berfungsi untuk menyimpan data mengenai dokumen HTML

<title>..</title>
 berfungsi untuk memberikan judul dokumen HTML kita, dan hasilnya bisa kita lihat di tab browser.

<body>..</body>
isi dari tag ini yang ditampilkan di browser kita.
Label:

Comments

Post a Comment

Popular posts from this blog

Cara membuat Aplikasi perpustakaan sinopsis buku Android Studio Java 2023 Backend Laravel API

 Oke guys today i will learn and make the Project app E-Perpus :) Maybe belum sempurna but lets use kutipan "Aplikasi yang gagal adalah yang tidak dikembangkan"... setuju atau tidak itu sih yang saya alami wkwkwk jadi kalo ada bug bersyukurlah soalnya bisa dikembangkan :) ahhhh lanjut aja deh ke stepnya : 1. Siapin alat tempur Guys apa saja? - Laptop / Komputer sesuai yang diminta sama persyaratanya sama Android Studio - Kuota Gajah atau Wifi bro... - Don't Forget Kopi dan Rokok sebagai bahan bakar Guys 2. Install Android Studio dan beberapa komponen pendukung Lainya 3. Kalo udah siap... Mari tempur 4. Buat skemanya "gagal merencanakan sama dengan merencanakan kegagalan" 5. Web App Sudah lengkap ya sistemnya, seperti : Login, Admin Panel, etc dan udah di Upload juga ke hosting Nah karena kita butuh laravel maka buat lagi project laravel : untuk api kita bedakan domainya Dari step diatas kita udah memiliki Webapp di domain https://perpusmtsn6tala.com/ dan api di ...
Post a Comment
Read more

Membuat Aplikasi Kalkulator dengan Kotlin Android Studio

Sumber : https://blog.sekolahmobile.com/membuat-aplikasi-kalkulator-di-android-dengan-kotlin/  1. Tambahkan pada gradle implementation 'net.objecthunter:exp4j:0.4.8' 2. Buat file dimens.xml di values <?xml version="1.0" encoding="utf-8"?> <resources>     <dimen name="text_result_calculator">56sp</dimen>     <dimen name="activity_padding">24dp</dimen>     <dimen name="button_calculator">78dp</dimen>     <dimen name="button_margin">16dp</dimen>     <dimen name="radius_button">16dp</dimen>     <dimen name="textSize_button">24sp</dimen> </resources> 3. Menambah warna pada colors.xml <?xml version="1.0" encoding="utf-8"?> <resources>     <color name="purple_200">#FFBB86FC</color>     <color name="purple_500">#FF6200EE</color>     <color n...
Post a Comment
Read more

Cara menginstall whatsapp di GNU/Linux dengan whatsdesk

Assalamualaikum Warahmatullahi Wabarakatuh, Halo Sobat, pada kesempatan kali ini saya akan membahas tentang whatsdesk pada GNU/Linux. Sedikit cerita sebenarnya bisa saja menggunakan whatsapp web pada browser firefox,chromium, dll, akan tetapi saya kurang begitu nyaman dengan banyak tab yang saya buka, kemudian sering tertimpa dan lupa lagi tab whatsapp web yang mana hehe. Apa itu whatsdesk? Whatsdesk adalah perantara tidak resmi untuk menyisipkan whatsapp web.   Cara menginstall whatsdesk 1. Download whatsdesk https://zerkc.gitlab.io/whatsdesk/.     2. Pilih dan sesuaikan x86 atau x64. 3. Install menggunakan terminal dengan perintah : # dpkg -i whatsdesk_0.2.18_amd64.deb 4. Buka whatsdesk dan scan barcode nya dengan smartphone Sobat. Jika Sobat ada pertanyaan mengenai whatsdesk silahkan pada kolom komentar, terimakasih. Wassalamualaikum Warahmatullahi Wabarakatuh.
Post a Comment
Read more