TUTORIAL MEMBUAT HTML/CSS PEMULA

apa itu html css?

CSS adalah bahasa Cascading Style Sheet dan biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML. CSS berfungsi untuk memisahkan konten dari tampilan visualnya di situs.



Dan apa manfaat nya? 
Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web. Fungsi HTML yang lebih spesifik yaitu : Membuat halaman web. Menampilkan berbagai informasi di dalam sebuah browser Internet
CSS adalah kepanjangan dari Cascading Style Sheet yang berfungsi untuk mengatur tampilan elemen yang tertulis dalam bahasa markup. Fungsi lain dari CSS yakni untuk memisahkan konten dari tampilan visual dalam sebuah website.

ini adalah contoh hasil  gambar

Oke berikut cara cara nya
1 buka google chrome terserah mau di mana yang penting akses internet lancar


2 klik reaplit atau klik link ini biar cepat    https://replit.com/~


3 klik sebelah kiri garis 3 


4 klik create  



 Nah Kan ada tampil kolom pencarian nah di kolom 



 pencarian klik  atau tuliskan css seperti yang di samping ini 

Lalu ada tampil html, css dan JavaScript
Lalu klik saja itu pilih aja yang paling atas 
 

Kalau sudah di klik
Kan ada kolom persegi panjang nah tuliskan saja judul nya terserah mau buat aja contohnya seperti di samping ini 




Nah kalau sudah lalu klik create paling bawah



Langsung di arahkan tampilan seperti gini 
Nah disini hapus aja semua code code nya sampai muncul seperti ini 

Nah kalau sudah kalian copy semua ini


<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
  <title>cara membuat css/html dengan replit free</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
  <h1 style="color:red;">latihan css</h1>
  <h2>ada beberapa trik trik untuk membuat css/html secara free : </h2>
  <h3>1.alat yang dibutuhkan/persediaan</h3>
  <ol>
    <li style="color:red;">hp android /laptol dan juga bisa pc</li>
    <li style="color:red;">browser</li>
    <li style="color:red;">koneksi internet yang lancar</li>
  </ol>

  <h2>2.cara-cara untuk melakukan</h2>
  <ol>
    <li style="color:blue;">membuka browser</li>
    <li style="color:blue;">mencari web css/replit </li>
    <li style="color:blue;">untuk lebih cepat klik link di bawah ini</li>

</body>
  




Lalu paste kan ke yang tadi
Maka akan seperti ini 

Nah kalau sudah kalin klik tombol mulai warna hijau di bawah
Maka akan ada hasilnya
Seperti ini 

 Selesai selamat mencoba

Komentar

Posting Komentar

berkomentar sesuai inspirasi

Postingan Populer