Belajar HTML dan CSS

Selasa, 08 September 2020

tugas projek tema curiculum vitae/daftar riwayat hidup

Tugas projek tema:curiculum vitae/daftar riwayat hidup

Baik teman²,kali ini saya akan memaparkan tugas projek saya yang sudah saya kerjakan untuk menuhi salah satu tugas PBO(pemrograman berorientasi objek).

Berikut coding yang sudah saya buat:

<html>

<head>

<title>daftar riwayat hidup</title>

<body>

<h3><hr>curiculum vitae/daftar riwayat hidup<hr></h3>

<p>phone number:085524598342</p><p>email contacts:dseptiannurrizki@gmail.com</p>

<p><h4>PERSONAL DETAILS</h4></p>

<p>name: David Septian nurrizki</p>

<p>adress: Bandung,pasirkoja</p>

<p>Cell phone number: 085524598342</p>

<p>email: dseptiannurrizki@gmail.com</p>

<p>date of birth: Bandung,13 September 2002</p>

<p>natioanllity: indonesia</p>

<p>gender: laki-laki</p>

<p>religion:islam</p>

<p><h4>EDUCATION DETAILS</h4></p>

<p>2008-2016 SDN 2 Ciledug </p>

<p>2016-2018 SMPN 2 lembang</p>

<p>2018-2021 SMK 4 lppm RI padalarang</p>

<p><h4>JOBS EXPERIENCES</h4></p>

<tr>

<td>SERTIFICATE</td>

<td>EXPERIENCE</td>

</tr>

<tr>

<td>game engine</td>

</tr>

<tr>

<td>design animator</td>

</tr>

<tr>

<td>programmer</td>

</tr>

</table>

<p><h4>SKILL</h4></p>

<p>desain animasi</p>

<p>desain web</p>

<p>web program</p>

<p><h4>PERSONALITY</h4></p>

<p>memilki attitude yang baik,disiplin,pekerja keras

selalu bersemangat mencintai pekerjaan</p>

<marquee behavior="alternate"> <li><a href="https://www.blogger.com/blogger.g?blogID=4781922702206095366#allposts/src=sidebar">halaman blog saya</a></li></marquee>

<marquee behavior="alternate"> <li><a href="https://www.facebook.com/david.septiannurrizki.7">profil Facebook saya</a></li></marquee>

</body>

</head>

</html>

Hasil gambar dari coding di atas :

catatan:maaf jika gambar screenshot saya tidak full screen,karena saya mengerjakan coding menggunakan hp,jadi mohon maaf apabila hasilnya seperti yang dilihat di atas.

Hasil tampilan halaman web dari coding di atas:

catatan:begitu juga dengan tampilan halaman web saya mohon maaf jika teks halaman blog saya,dan halaman profil Facebook saya tidak sejajar(karena saya menggunakan teks berjalan(Marquee)pada codingnya)

Sekian laporan hasil tugas yang saya kerjakan maaf jika masih ada kesalahan,kekurangan juga banyak catatan yang saya sisipkan di antara tugas yang saya buat. Itu semata mata untuk memperjelas bila anda yang melihat tidak mengerti.

Sekian laporan hasil saya untuk memenuhi salah satu tugas PBO.

Kamis, 03 September 2020

belajar membuat halaman web dengan menggunakan bahasa hmtl dan css

Belajar membuat halaman web menggunakan bahasa HTML dan CSS

Berikut adalah contoh coding nya:

<html>

<head>

<title>landingpage</title>

</head>

<body>

<h1><marquee>selamat datang di kelompok kami</marquee></h1>

<br>

<p>ini adalah pengalaman pertama kami membangun halaman website dengan HTML dan CSS</p>

<h2>covid 19 semoga cepat berakhir</h2>

<h5>selamat datang di kelompok kami</h5>

<ul>

</ul>

</body>

</html>

Selanjutnya kita akan buat tulisan dan halaman web menjadi berwarna

<style>

h1 {

/*(komen)memberi sebuah penjelasan mengenai tag atau elemen agar

memberi kemudahan dalam mengidentifikasi kesalahan*/

color: black;

font-size: 50px;

background-color:#bfff00;

}

p {

color:black;

font-size: 25px;

font-family: georgia;

box-shadow: 6px 5px 4px rgba(0,0,0,0.8); padding: 1px; border:0 px;

background:aqua;

width:1050px;

}

h2 {

color:white;

box-shadow: 6px 5px 4px rgba(0,0,0,0.8); padding: 1px; border:0 px;

background:yellow;

width: 350px;

}

img {

width: 200px;

height: 140px;

}

h5 {

color: white;

font-size:40px;

background-color:yellow;

width: 750px;

}

.a1{

color: red;

}

.b2{

color: black;

}

.c3{

color: blue;

}

</style>

Ini adalah hasil dari coding di atas yang saya kerjakan lewat w3school.com

sekian laporan tugas yang sudah saya buat jika masih banyak kesalahannya mohon di mengerti karena saya masih belajar

Rabu, 12 Agustus 2020

Belajar html dan css

Contoh Koding htmlnya:

<!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>

</head>

<body>

<a href="https://progate.com">Prograte</a>

<h1>HELLO WORlD</h1>

<h2>ayo belajar coding</h2>

<h3>pelajaran</h3>

<ul>

</ul>

</body>

</html>

Hasil dari koding di atas:

Contoh Koding css nya:

body {
    background-color:white;
}
h1{
color:red;

}
h2{
color:magenta;
}
h3{
    color:blue;

}
p{
text-align:center;
color:black;
}

Hasil Koding di atas:

Sekian laporan saya,yang saya buat untuk memenuhi tugas kompetensi keahlian mohon maaf jika masih ada salah salah setiap hal kecil maupun besar.

Karna saya masih belajar🙂