2016 ~ Sahrul Samboler

Rabu, 21 September 2016

belajar css

Jika anda ingin belajar membuat sebuah website pribadi, sebaiknya anda belajar memahami sebuah teks html css berikut ini.

<html>
<head>
<title>TUGAS !</title>
<head>
<style>
.bungkus1
            {width:400px;
            height:150px;
            line-height:50px;
            text-align:center;
            float:left;
            }
.kotak1
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:red;
            float:left;}
.kotak2
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:green;
            float:left;}
.kotak3
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:yellow;
            float:left;}
.kotak4
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:blue;
            float:left;}
.bungkus2
            {width:200px;
            height:300;
            line-height:50px;
            text-align:center;
            float:left;
            margin-left:50px;
            }
.persegi1
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:red;
            float:left;}
.persegi2
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:green;
            float:left;}
.persegi3
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:yellow;
            float:left;}
.persegi4
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:blue;
            float:left;}
.bungkus3
            {width:200px;
            height:300;
            line-height:50px;
            text-align:center;
            float:left;
            margin-left:50px;
            }
.bulat1
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:red;
            float:left;
            border-radius:100px 0px 0px 0px;}
.bulat2
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:green;
            float:left;
            border-radius:0px 100px 0px 0px;}
.bulat3
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:yellow;
            float:left;
            border-radius:0px 0px 0px 100px;}
.bulat4
            {width:100px;
            height:100px;
            text-align:center;
            line-height:100px;
            background-color:blue;
            float:left;
            border-radius:0px 0px 100px 0px;}
</style>
</head>
<body>
<div class="bungkus1"><font color="blue"><h2>Latihan 4</h2></font>
<div class="kotak1">RED</div>
<div class="kotak2">GREEN</div>
<div class="kotak3">KUNING</div>
<div class="kotak4">BIRU</div>
</div>
<div class="bungkus2"><font color="blue"><h2>Latihan 5</h2></font>
<div class="persegi1">RED</div>
<div class="persegi2">GREEN</div>
<div class="persegi3">KUNING</div>
<div class="persegi4">BIRU</div>
</div>
<div class="bungkus3"><font color="blue"><h2>Latihan 6</h2></font>
<div class="bulat1">RED</div>
<div class="bulat2">GREEN</div>
<div class="bulat3">KUNING</div>
<div class="bulat4">BIRU</div>
</div>
</body>
</html>

dan maka akan jadi seperti ini.

NB: Jika anda bingung dengan semua atribut anda bisa komentar dan bertanya.

SERDADU Community adalah sebuah nama dari pemuda Dusun Belut.
Ini adalah sebuah komunitas anak pemuda setempat yang mempunyai arah dan tujuan yang sama.
Dan ini merupakan sebuah wadah masyarakat yang bergerak di lingkungan dan sebagai panitia apabila di dusun ada acara.

SERDADU Community juga merupakan perkumpulan para pendaki cilik yang ada di dusun Belut, dalam bentuk logo ada sebuah gambar rumah yang merupakan simbol dari kesatuan yang disimbolkan dari atap rumahnya, dan disimbolkan kesatuan dari gambar tembok yang membangun rumah tersebut, seluruh anggota juga menjaga kesatuan dan persatuan agar tercapai tujuan bersama. Dari warna logo juga mengandung makna, dari warna rumah yaitu hijau yang merupakan simbol dari kemakmuran yang juga disimbolkan dari lingkungan, dari simbol itu kita ingin menciptakan suasana lingkungan yang enak dipandang dan nyaman dirasakan.

SERDADU Community juga bisa disebut pemuda yang bertekad untuk memajukan kesejahteraan umum, dan juga mengatasi masalah secara bersama - sama dengan persetujuan semua anggota.

Selalu satu jalan !...
Selalu satu tujuan !...

KESEJAHTERAAN BERSAMA

Sahrul Samboler

Rabu, 21 September 2016

belajar css

SERDADU Community

FOLLOW US @ INSTAGRAM

Categories

Laporkan Penyalahgunaan

Selamat Datang

Posh Terbaru

sejarah perkembangan komputer

Cari Blog Ini

Labels

Follow us

Facebook

Terakhir Dikunjungi

Popular Posts

Blog Archive

Blog Archive

Blogroll

About

Labels