Tugas Mandiri Cara Membuat Website Menggunakan Bahasa HTML DAN CSS

Nama: Rini Nuraeni

Kelas:XII RPL2


1.CODING

<!DOCTYPE html>

<html>

<head>

<title>BIODATA DIRI RINI NURAENI</title>

<style>

*

{

    margin: 0;

    padding: 0;

}

    nav {

        margin:auto;

        text-align: center;

        width: 100%;

        font-family: arial;

    } 


    nav ul {

        background: white;

        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="#37988e">

<nav>

    <ul>

        <li><a href="https://www.facebook.com/rini.nuraeni.14224>Account Facebook</a></li>

        <li><a href="https://www.blogger.com/blog/posts/4719691303795736677">MY BLOG</a></li>

    </ul>

</head>

<i><h1 align="center">BIODATA DIRI</h1></i>

<h1><marquee behavior="alternate" direction="">Selamat Datang Di Website Statis Rini nuraeni</marquee></h1>

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

<tr align="center" bgcolor="#66CC33">

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

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

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

</tr>

<tr>

<td>Nama</td>

<td>RINI NURAENI</td>

<td rowspan="10" align="center"><img src="isi format foto" width="200" height="310"></td>

</tr>

<tr>

<td>Asal Sekolah</td>

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

</tr>

<tr>

<td>Tempat Tgl Lahir</td>

<td>Bandung, 24 November 2002/td>

</tr>

<tr>

<td>Jurusan</td>

<td>Rekeyasa Perangkat Lunak(RPL)</td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td>Perempuan</td>

</tr>

<tr>

<td>Kewarganegaraan</td>

<td>Indonesia</td></tr>


<tr>

<td>Kelainan Khusus</td>

<center><td> - </td></center>

</tr>

<tr>

<td>Hobi & Bakat</td>

<td>Rebahan terus</td>

</tr>

</table>

• Contoh tampilan coding tersebut


• hasil dari coding di atas berupa gambar




Inilah hasil dari membuat website/Biodata diri. Maaf apabila ada kesalahan ini masi tahap belajar Terimakasih


Komentar

Postingan Populer