Tabel rata tengah
<table style= "margin-left:auto; margin-right:auto" border= " 1 " >
Postingan
Menampilkan postingan dari November, 2022
Bg full
- Dapatkan link
- Aplikasi Lainnya
Html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Responsive Full Page Background Image Using CSS</title > <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"></div> </body> </html> Css .container{ background-image: url('bgimg.jpeg'); height: 100vh; background-repeat: no-repeat; width: 100%; background-size: cover; background-position: center; } *{ margin: 0; padding: ;
Alert
- Dapatkan link
- Aplikasi Lainnya
<!DOCTYPE html> <html> <head> <title> Window alert() Method in HTML </title> <style> h1 { color : green; } h2 { font-family : Impact; } body { text-align : center; } </style> </head> <body> <h1> Sistemit.Com </h1> <h1> Custom Alert </h1> <p> Untuk menampilkan pesan peringatan, tekan double pada tombol "Tampilkan Pesan" : </p> <button onclick= "myalert()" > Tampilkan Pesan </button> <script> function myalert() { alert( "Ryan Ganteng Anjay" + "Wkwkw" + "Canda Broo" ); } </script> </body>
Js kalku
- Dapatkan link
- Aplikasi Lainnya
function getHistory(){ return document.getElementById("history-value").innerText; } function printHistory(num){ document.getElementById("history-value").innerText=num; } function getOutput(){ return document.getElementById("output-values").innerText; } function printOutput(num){ if(num==""){ document.getElementById("output-values").innerText=num; } else{ document.getElementById("output-values").innerText=getFormattedNumber(num); } } function getFormattedNumber(num){ if(num=="-"){ return ""; } var n=Number(num); var value= n.toLocaleString("en"); return value; } function reverseNumberFormat(num){ return Number(num.replace(/,/g, '')); } var operator = document.getElementsByClassName("operator"); for( var i=0;i<operator.length;i++){ operator[i].addEventListener('click',function(){ if(
Css kalku
- Dapatkan link
- Aplikasi Lainnya
body{ font-family: 'Open Sans',sans-serif; background-color:black; } #container{ width: 1000px; height: 550px; margin: 20px auto; } #calculator{ width: 320px; height: 520px; background-color: #eaedef; margin: 0 auto; top: 20px; position: relative; border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } #result{ height: 120px; } #history{ text-align: right; height: 20px; margin: 0 20px; padding-top: 20px; font-size: 15px; color: #919191; } #output{ text-align: right; height: 60px; margin: 10px 20px; font-size: 30px; } #keyboard{ height: 400px; } .operator, .number, .empty{ width: 50px; height: 50px; margin: 15px; float: left; border-radius: 50%; border-width: 0; font-size: 15px; font-weight: bold; } .number, .empty{ background-color: #eaedef; } .operator{ background-color:lightgrey; } .number, .operator{ cursor: pointe
Html kalku
- Dapatkan link
- Aplikasi Lainnya
<html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:600,700" rel="stylesheet"> <title>Aplikasi Kalkulator Simple</title> </head> <body> <div id="container"> <div id="calculator"> <div id="result"> <div id="history"> <p id="history-value"></p> </div> <div id="output"> <p id="output-values"></p> </div> </div> <div id="keyboard"> <button class="operator" id="clear">C</button>
Bio unik + button
- Dapatkan link
- Aplikasi Lainnya
<!doctype html> <html lang= "en" > <head> <!-- Required meta tags --> <meta charset= "utf- 8 " > <meta name= "viewport" content= "width=device-width, initial-scale= 1 , shrink-to-fit=no" > <!-- Bootstrap CSS --> <link rel= "stylesheet" href= "css/bootstrap.min.css" > <title> Biodata </title> <style> body { background-color : #e8e8e8; } .kartu { width : 800px; margin : 0 auto; margin-top : 70px; box-shadow : 0 0 .25rem 0 .75rem rgba( 0 , 0 , 0 ,. 03 ); transition : all .3s; background-color : # 591869 ; border : solid 8px #ea92ff; border-top-right-radius : 80px; border-bottom-left-radius : 80px; } .kartu:hover { background-color : #1f8a45; border : solid 8px #4fd47e; bo
Bio Unik
- Dapatkan link
- Aplikasi Lainnya
<!doctype html> <html lang= "en" > <head> <!-- Required meta tags --> <meta charset= "utf- 8 " > <meta name= "viewport" content= "width=device-width, initial-scale= 1 , shrink-to-fit=no" > <!-- Bootstrap CSS --> <link rel= "stylesheet" href= "css/bootstrap.min.css" > <title> Biodata </title> <style> body { background-color : #e8e8e8; } .kartu { width : 800px; margin : 0 auto; margin-top : 70px; box-shadow : 0 0 .25rem 0 .75rem rgba( 0 , 0 , 0 ,. 03 ); transition : all .3s; background-color : # 591869 ; border : solid 8px #ea92ff; border-top-right-radius : 80px; border-bottom-left-radius : 80px; } .kartu:hover { background-color : #1f8a45; border : solid 8px #4fd47e; bor
Html bio ryy
- Dapatkan link
- Aplikasi Lainnya
<html> <head> < title> Membuat Biodata Sederhana </title> </head> <body style= "background-color:silver" > <table border= " 1 " style= "width: 700px;" > <tr> <td align= "center" colspan= " 3 " bgcolor= "red" > <font color= "white" size= "20px" > <b> BIODATA </b> </font> </td> </tr> <tr> <td rowspan= " 5 " width= "100px" > <img src= "https://images.app.goo.gl/2NYUp23VXioxnFgq6" width= "150px" height= "200px" border= " 2 " > </td> <td bgcolor= "white" > NAMA </td> <td bgcolor= "red" > <font color= "white" > Muhammad Hadyan </td> </font> </tr> <tr> <td bgcolor= "white" > UMUR </td> <td bgcolor= "red" &