Postingan

Menampilkan postingan dari September, 2022

Belajar CSS dasar part 1

Gambar
 Belajar CSS dasar (Pengenalan, sintax dasar, membuat background, Dan lain sebagainya.  Ditulis oleh Mangandaralam Sakti, 14 september 2022 Hallo semua!!!  Pada blog kali ini saya akan membahas materi tentang Dasar dasar CSS 1. Pengertian CSS CSS( Cascade style sheet) adalah sebuah bahasa untuk mengatur tampilan web agar lebih menarik dilihat Di css kita bisa mengatur background, warna pada text layout dll. Tanpa css web akan terlihat kurang bagus dan tidak menarik.  • Ini contoh web tidak menggunakan CSS: Terlihat tidak menarik bukan? Komponen yang ada di web tersebut sangat tidak tersusun rapi.  • Ini contoh web menggunakan CSS Website yang menggunakan CSS terlihat lebih rapi dan terstruktur, berbeda dengan yang tidak menggunakan CSS.  2. Tutorial mendesain web dengan CSS, langkah awal mendesain web dengan CSS Pada CSS ada 3 struktur yaitu: 1. Selektor 2. Deklarasi 3. Properti dan nilainya Begini penulisan strukturnya: selector {    prop...

Belajar HTML dasar part 2 (mengenal tag, element, atribut, membuat form, menampilkan gambar, class dan id.

Gambar
Mengenal Tag, Element, Atribut, membuat form, menampilkan gambar, class dan id pada HTML  Ditulis oleh Mangandaralam Sakti, 13 september 2022 Hallo semua!!   Pada blog kali ini saya akan melanjutkan materi dasar dasar HTML kemarin, yaitu Pengertian HTML serta kegunaannya.  Nah sekarang saya akan membahas tentang tag, element, dan atribut dan juga saya akan memberikan beberapa tutorial HTML dasar yaitu membuat form, menampilkan gambar, dan tentang class dan id pada HTML 1. Tag Tag adalah sebuah penanda awalan dan akhiran dari sebuah element di HTML. Tag dibuat dengan kurung siku " ('<....>)". lalu didalamnya berisi nama Tag dan terkadang juga ditambahkan dengan atribut.  Contoh penulisan tag:  <tag>Hello world</tag> Tag ditulis berpasangan, ada tag awalan <tag> dan tag penutup </tag> . Ada beberapa tag yang tidak memiliki pasangan penutup.  Keterangan: •<h1>=tag pembuka •Contoh=isi tag •</h1>=tag penutup...

Belajar HTML dasar part 1: Pengenalan HTML

Gambar
Dasar dasar HTML part 1 (Pendahuluan)  Ditulis oleh Mangandaralam Sakti, 13 september 2022 Pengertian Hallo semua!!!  Pada blog kali ini saya akan membahas tentang dasar dasar HTML yaitu tentang pengertian, fungsi dan bagian bagian pada HTML. HTML perlu dipelajari untuk membuat dan menyusun halaman website dengan baik dan terstruktur berupa heading, paragraf, link, Dll HTML (Hypertext markup languange)  merupakan sebuah bahasa markah untuk membuat halaman web.  Fungsi HTML disini adalah sebagai kerangka sebuah web . Dalam membuat web HTML tidak sendirian ada bahasa lain yang menjadi pelengkap nya yaitu: CSS dan Javascript.  CSS berfungsi untuk memperindah tampilan web agar enak dilihat dan java script membuat tampilan web menjadi lebih interaktif ,  sehingga pengguna bisa menikmati fitur fitur yang ada di website, karena kita akan banyak memasukkan fungsi fungsi ke java script.   Kegunaan HTML Jadi HTML berfungsi sebagai pondasi sebuah halama...

Tutorial membuat tampilan Layout sederhana dengan HTML dan CSS

Gambar
  Tutorial membuat tampilan Layout sederhana dengan HTML dan CSS Ditulis oleh Mangandaralam Sakti, 11 september 2022   Hallo semua!!  Pada blog kali ini saya akan membagikan tutorial membuat tampilan Layout sederhana menggunakan HTML dan CSS. Sebelum lanjut saya akan menjelaskan sedikit mengenai layout, bagi kalian yang belum tahu apa itu layout.    Layout adalah sebuah desain/tampilan awal sebuah website. Sebelum membuat laman website, biasanya para web development akan membuat tampilan layout terlebih dahulu, untuk rancangan website yang akan dia buat.    Jadi fungsi layout disini adalah sebagai tampilan awal sebelum membuat website sebenarnya agar kita dapat tergambar, bagaimana tampilan web yang akan kita buat agar menarik dan enak dilihat.    Baiklah mari kita lanjut ke tutorialnya. Berikut adalah langkah langkahnya: 🖌Langkah langkah membuat tampilan Layout: 1. Buat folder baru untuk menyimpan file HTML dan CSS.  2. Lalu bua...