Kamis, 10 September 2020

Tugas Mandiri Cara Membuat Website Menggunakan HTML Dan CSS

 NAMA : RATNA WULANDARI 

KELAS : XII RPL-2 


Assalamualaikum teman teman pada pertemuan kali ini tema nya adalah project daftar riwayat hidup, Dengan menggunakan html dan css. Berikut ini adalah  CODING nya :

1. CODING 

<!DOCTYPE html>

<html>

<head>

<title>DAFTAR RIWAYAT HIDUP</title>

<style>

*

{

    margin: 0;

    padding: 0;

}

    nav {

        margin:auto;

        text-align: center;

        width: 100%;

        font-family: arial;

    } 


    nav ul {

        background: red;

        padding: 0 20px;

        list-style: none;

        position: relative;

        display: inline-table;

        width: 100%;

     }


    nav ul li{

        float:left;

    }


    nav ul li:hover{

        background:#66CC33;

    }


    nav ul li:hover a{

        color:#000;

    }


   nav ul li a{

        display: block;

        padding: 25px;

        color: #fff;

        text-decoration: none;

    }

    </style>   


    </head>

<body bgcolor="FFb3b3">

<nav>

    <ul>

        <li><a href="https://www.facebook.com/profile.php?id=100029821478853":>Facebook</a></li>

        <li><a href="https://r4tn4wdari.blogspot.com/2020/09/tugas-praktek-daring-pbo.html">Blog</a></li>

    </ul>

</head>

<h1 align="center">DAFTAR RIWAYAT HIDUP</h1>

<h1><marquee behavior="alternate" direction="">Selamat Datang Di Halaman Biodata Ratna Wulandari</marquee></h1>

<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">

<tr align="center" bgcolor="#ff4000">

<td width="174">BIODATA DIRI</td>

<td width="353">KETERANGAN</td>

<td width="232">FOTO</td>

</tr>

<tr>

<td>NAMA</td>

<td>RATNA WULANDARI</td>

<td rowspan="10" align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmNKAHgzKoZ0oufzWb8O_lFCS8N3JSQXkxKBqeG094ovRzaM3MbsrXpz6IHhIfqMnmkYiM58FSk8AZ9DTtAtsau_I4go78DmQcV1IC6CBlwlX8nZskMdRBjBN2qXZVATLyOk_fHVh_t6o/s1600/20200508_122110.jpg" style="widht:200px; height:180px;"></td>

</tr>

<tr>

<td>TEMPAT/TGL LAHIR</td>

<td>BANDUNG 13 JUNI 2001</td>

</tr>

<tr>

<td>JENIS KELAMIN</td>

<td>PEREMPUAN</td>

</tr>

<tr>

<td>ALAMAT</td>

<td>KP.CIDADAP RT03/RW12</td>

</tr>

<tr>

<td>AGAMA</td>

<td>ISLAM</td>

</tr>

<tr>

<td>KEWARGANEGARAAN</td>

<td>INDONESIA</td>

</tr>

<tr>

<td>SEKOLAH</td>

<td>SMK 4 LPPM RI PADALARANG</td>

</tr>

<tr>

<td>JURUSAN</td>

<td>REKAYASA PERANGKAT LUNAK</td>

</tr>

<tr>

<td>HOBY </td>

<td>MEMBACA</td>

<tr>

</table>

</body>

</html>


2. TAMPILAN CODING 








Maka setelah coding selesai tampilan akan berubah seperti di bawah ini.


3. HASIL TAMPILAN CODING                                      
 


Demi kian pembelajaran hari ini, Mohon maaf apa bila ada yang salah dalam coding diatas






Kamis, 03 September 2020

TUGAS PRAKTEK DARING PBO

 NAMA : RATNA WULANDARI 

KELAS : XII RPL-2 


Pada kesempatan kali ini saya mempelajari html dan css. 

1. CODING 

  <!DOCTYPE html>

<html>


<head>

<title>belajar html dan css</title>


<style>


h1 {

        /* Memberikan warna Tulisan pada Tag/element H1 */

        color : #ff4000;

        /* Memberikan ukuran huruf pada Tag/eleent H1 */

        font-size :50px;

        /* Memberikan Background Tulisan pada Tag/element H1 */

        background-color : #40ff00;

}


p {

     /* Memberikan Jenis huruf pada Tag/element p */

     font-family : georgia;

     /* Memberikan Background Tulisan pada Tag/element p */

      background-color : #00ffff;


}


h2 {

       width : 500px;

       higth  : 80px;

       background-color : #ff00ff;

}


img {

         width : 500px;

         higth  : 80px;

                }

ul {

      color : #ff0000;

}


.seleksi1 {

color : red;

}


.seleksi2 {

color : blue;

}


.seleksi3 {

color : green;

}


</style>


</head>

<body>


<h1>BELAJAR MEMBUAT HALAMAN WEB DENGAN BAHASA HTML DAN CSS</h1>

<p>Ini adalah halaman pertama kami membangun Halaman Website dengan HTML dan CSS</p>


<h2>COVID 19 SEMOGA BERAKHIR </h2>

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT8ICbzCAQH3WMgx3Vv8btRDQVlIG_19qyOrg&usqp=CAU" />



<p>Belajar Menjadi Programmer</p>

<ul>

<li class="seleksi1"> PHP </li>

    <li class="seleksi2"> HTML </li>

    <li class="seleksi3"> JAVA </li>

</ul>

</body>

</html>


2. Tampilan CODING





3. Hasil Tampilan Dari CODING 


 


SEKIAN PEMBELAJARAN KALI INI MOHON MAAF APABILA ADA KESALAHAN.











TUGAS MANDIRI CARA MEMBUAT WEBSITE MENGGUNAKAN HTML DAN CSS

  NAMA : RATNA WULANDARI  KELAS : XII RPL-2  Assalamualaikum teman teman pada pertemuan kali ini tema nya adalah project daftar riwayat hidu...