Kamis, 13 Agustus 2020

Belajar HTML & CSS

 CSS


Pengertian :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.


Untuk dapat lebih dimengerti kita langsung praktek!


Pertama kita Buat dulu Coding HTML untuk contoh:


<!DOCTYPE html>

<html>

    <head>

        <title>Page Title</title>

        <link rel="stylesheet" type="text/css" href="style.css">

    </head>

    <body>

    <h1>HALO WORLD</h1>

    <h2>Ayo Belajar</h2>

    <h3>Pelajaran</h3>

    <p>HTML,CSS,PHP,RUBY</p>

        

    </body>

</html>


Tampilan hasil dari Coding diatas adalah seperti gambar dibawah ini:




Setelah itu kita lanjut dengan coding CSS agar tampilan lebih menarik dan berwarna contoh Coding:


 


body {

    bg-color:White;

}

h1{

    color:blue;

}

h2{

    color:green;

}

h3{

    color:red;

}

p{

    text-align:center;

    color:purple;


Dan Tampilannya menjadi seperti gambar dibawah ini:


Sekian untuk pembahasan kali ini.Semoga bermanfaat untuk kita semua jangan lupa untuk semangat belajar!!

Jumat, 07 Agustus 2020

Tugas 1 HTML lanjutan XII QUIZ RPL - TH2020

 


<html><

head>

<title>
Quis1
</title>
</head>
<body>
<h3>menemukan sintak yang
salah dan kurang</h3>
<p>belajar menjadi ahli
butuh latihan yang terus
menerus</p>
<p>latihlah skill
dengan terus
mengulang-ngulang
materi agar otak dan
tangan menjadi terlatih</p>
</body>
</html>

Sekian, terimakasih 😁

Minggu, 02 Agustus 2020

Tugas 1 HTML LANJUTAN-XII RPL 3 TH 2020

Agustus 03, 2020


1.

2.HTML yang saya buat
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
     
     
        <a href="https://progate.com">Prograte</a>
        <img src="coki.jpg">
        <h1>HELLO WORD</h1>
        <h2>ayo belajar coding</h2>
        <h3>pelajaran</h3>
        <ul>
            <li>HTML</li>
            <li>PHP</li>
            <li>RUBY</li>
        </ul>
     
    </body>
</html>

3.hasilnya

Cukup sekian laporan dari saya. terimaksih kepada pihak-pihak yang telah membantu saya. saya berharap mendapatkan hasil yang maksimal. untuk itu saya mohon saran dari bpk pembimbing untuk laporan selanjutnya. jika ada kesalahan saya mohon maaf😊