<html>
<head>
<title>landingpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</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>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT8ICbzCAQH3WMgx3Vv8btRDQVlIG_19qyOrg&usqp=CAU">
<h5>selamat datang di kelompok kami</h5>
<div class="david">
<ul>
<li class="a1">HTML</li>
<li class="b2">PHP</li>
<li class="c3">JAVA</li>
</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
Tidak ada komentar:
Posting Komentar