<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style> body{margin:0;} .container{width:100%;} .container{margin:0 auto;} </style> </head> <body> <div class="container"> <div class="container-page"></div> <button>merhaba</button> </div> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style> div { width:100px; height:75px; background-color:red; border:1px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style> div { width:100px; height:75px; background-color:red; border:1px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> </body> </html>
<!DOCTYPE html> <html> <head> <title>Web Page Design</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> </head> <body> <H1>Address</H1> <address> <a href="mailto:[email protected]">[email protected]</a> <a href="tel:+1-204-555-1212">+1-204-555-1212</a> </address> <H1>HTML Tables and Formating</H1> <table class="table"> <caption>HTML Tables and Formatting</caption> <thead> <tr> <th>Head 1</th> </tr> </thead> <tbody> <tr> <td>Body 1, row 1</td> </tr> <tr> <td>Body 1, row 2</td> </tr> </tbody> <tbody> <tr> <td>Body 2, row 1</td> </tr> <tr> <td>Body 2, row 2</td> </tr> </tbody> <tfoot> <tr> <td>Foot 1</td> </tr> </tfoot> </table> </body> </html>
<!DOCTYPE html> <html> <head> <style> #adminid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid green; } #registeredid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid orange; } #newbusid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid red; } #guestid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid blue; } #titleid{ background-color: white; width: 500px; padding: 10px; margin: 30px; border: 15px solid coral; } @media screen and (max-width: 480px) { #adminid, #titleid, #newbusid, #guestid, #registeredid { float: none; width: 100%; } } </style> </head> <body> <div id="titleid"> <h1 style="position: relative;left:100px">Business Registration</h1> </div> <div id="adminid"> <h2>Administrator</h2> <button onclick="">Login</button> </div> <div id="registeredid"> <h2>Registered Business</h2> <button onclick="">Login</button> </div> <div id="newbusid"> <h2>New Business</h2> <button onclick="">Sign up</button> </div> <div id="guestid"> <h2>Guest User</h2> <button onclick="">View page</button> </div> </body> </html>
<!DOCTYPE html> <html> <head> <style> #adminid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid green; position: absolute; left: 10px; top: 150px; } #registeredid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid orange; position: absolute; right: 500px; top: 150px; } #newbusid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid red; position: absolute; left:10px; bottom: 250px; } #guestid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid blue; position: absolute; right: 500px; bottom: 250px; } #titleid{ background-color: white; width: 500px; padding: 10px; margin: 30px; border: 15px solid coral; position: absolute; left: 200px; } </style> </head> <body> <div id="titleid"> <h1 style="position: relative;left:100px">Business Registration</h1> </div> <div id="adminid"> <h2>Administrator</h2> <button onclick="">Login</button> </div> <div id="registeredid"> <h2>Registered Business</h2> <button onclick="">Login</button> </div> <div id="newbusid"> <h2>New Business</h2> <button onclick="">Sign up</button> </div> <div id="guestid"> <h2>Guest User</h2> <button onclick="">View page</button> </div> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style> div { width:100px; height:75px; background-color:red; border:1px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> </body> </html>
#include <stdio.h> void media (float n1, float n2) { float media = [(n1+n2)/2]; } int main() { n1 = 3.0; n2 = 3.5; printf("TOTAL %.1f", media); return 0; }
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style> div { width:100px; height:75px; background-color:red; border:1px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more