Posts

Showing posts with the label Coding

SQL WHERE Clause

Image
SQL  WHERE Clause The SQL WHERE Clause The WHERE clause is used to filter records. The WHERE clause is used to extract only those records that fulfill a specified condition. WHERE Syntax SELECT column1, column2, ... FROM table_name WHERE condition;

About SQL

Image
About SQL SQL is a standard language for storing, manipulating and retrieving data in databases. Our SQL tutorial will teach you how to use SQL in: MySQL, SQL Server, MS Access, Oracle, Sybase, Informix, Postgres, and other database systems. Example: SELECT * FROM Customers;

PHP - The if...else Statement

Image
PHP - The if...else Statement The if....else statement executes some code if a condition is true and another code if that condition is false. Syntax if (condition) {     code to be executed if condition is true; } else {     code to be executed if condition is false; } Example: <!DOCTYPE html> <html> <body> <?php $t = date("H"); if ($t < "20") {     echo "nice day!"; } else {     echo "good night!"; } ?> </body> </html>

PHP - The if Statement

Image
PHP - The if Statement The if statement executes some code if one condition is true. Syntax if (condition) {     code to be executed if condition is true; } Example: <!DOCTYPE html> <html> <body> <?php $t = date("H"); if ($t < "20") {     echo "Have a wonderful day!"; } ?> </body> </html>

PHP Conditional Statements by YAAK Developers

Image
PHP Conditional Statements by YAAK Developers Very often when you write code, you want to perform different actions for different conditions. You can use conditional statements in your code to do this. In PHP we have the following conditional statements: -if statement - executes some code if one condition is true -if...else statement - executes some code if a condition is true and another code if that condition is false -if...elseif....else statement - executes different codes for more than two conditions -switch statement - selects one of many blocks of code to be executed

Creating and Declaring PHP Variables

Image
Creating and Declaring PHP Variables <!DOCTYPE html> <html> <body> <?php $Z = "Hello YAAK!"; $a = 10; $b = 16.6; echo $Z; echo "<br>"; echo $a; echo "<br>"; echo $b; ?> </body> </html>

About PHP by YAAK Developers

Image
What is a PHP File? - PHP files can contain text, HTML, CSS, JavaScript, and PHP code. - PHP code are executed on the server, and the result is returned to the browser as plain HTML. - PHP files have extension ".php". What Can PHP Do? - PHP can generate dynamic page content. - PHP can create, open, read, write, delete, and close files on the server. - PHP can collect form data. - PHP can send and receive cookies. - PHP can add, delete, modify data in your database. - PHP can be used to control user-access. - PHP can encrypt data.

First PHP script

Image
First PHP script!    <!DOCTYPE html> <html> <body> <?php echo "YAAK Developers PHP script!"; ?>  </body> </html>

CSS link with no underline

Image
CSS  link with no underline <!DOCTYPE html> <html> <head> <style> a {     text-decoration: none; } </style> </head> <body> <p>A link with no underline: <a href="https://yaakdevelopers.blogspot.com">Yaak Developers</a></p> </body> </html>

CSS Text Decoration

Image
CSS Text Decoration <!DOCTYPE html> <html> <head> <style> h1 {     text-decoration: overline; } h2 {     text-decoration: line-through; } h3 {     text-decoration: underline; } </style> </head> <body> <h1>Line 1</h1> <h2>Line 2</h2> <h3>Line 3</h3> </body> </html>

CSS Set the height and width of an element

Image
CSS Set the height and width of an element    <!DOCTYPE html> <html> <head> <style> div {     height: 200px;     width: 600px;     background-color: yellow; } </style> </head> <body> <h2>Set the height and width of an element</h2> <p>This div element has a height of 200px and a width of 600px:</p> <div></div> </body> </html>

CSS Using individual padding properties

Image
CSS Using individual padding properties <!DOCTYPE html> <html> <head> <style> div {     border: 2px solid black;     background-color: lightblue;     padding-top: 60px;     padding-right: 40px;     padding-bottom: 60px;     padding-left: 90px; } </style> </head> <body> <h2>Using individual padding properties</h2> <div>This div element has a top padding of 60px, a right padding of 40px, a bottom padding of 60px, and a left padding of 90px.</div> </body> </html>

HTML Form Element

Image
HTML Form Element <!DOCTYPE html> <html> <body> <form action="/submit_page.php">   <select name="Codes">     <option value="yaak">Yaak</option>     <option value="developers">Developers</option>     <option value="coding">Coding</option>     <option value="html">Html</option>   </select>   <br><br>   <input type="submit"> </form> </body> </html>

Simple HTML Form Page

Image
Simple HTML Form Page <!DOCTYPE html> <html> <body> <form action="/submit_page.php">   First name:<br>   <input type="text" name="firstname" value="YAAK">   <br>   Last name:<br>   <input type="text" name="lastname" value="Developers">   <br><br>   <input type="submit" value="Submit"> </form>  <p>If you click the "Submit" button, the form-data will be sent to a page called "/sumbit_page.php".</p> </body> </html>

Coding for Rotation

Coding for Rotation <style> div { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } </style> <div class="example-date">   <span class="day">31</span>   <span class="month">July</span>   <span class="year">2009</span> </div>

Coding for Flip Box

Image
Flip Box Below coding shows the flip box using hover: <html> <head> <style> .flip{ width:240px; height:200px; margin:10px; border-radius:20px;} .flip > .front{ position:absolute; transform: perspective( 600px ) rotateY( 0deg ); background:lightblue; width:240px; height:200px; border-radius: 40px; backface-visibility: hidden; transition: transform .5s linear 0s; } .flip > .back{ position:absolute; transform: perspective( 600px ) rotateY( 180deg ); background: brown; width:240px; height:200px; border-radius: 40px; backface-visibility: hidden; transition: transform .5s linear 0s; } .flip:hover > .front{ transform: perspective( 600px ) rotateY( -180deg ); } .flip:hover > .back{ transform: perspective( 600px ) rotateY( 0deg ); } </style> </head> <body> <h2>Move mouse over box</h2><br> <div class="flip">   <div class="back"><br><br><...