PHP:ssä echo ja print "metodeilla" voidaan näyttää tekstiä sekä PHP-ohjelmassa käsiteltyjä
tietoja www-sivulle.
Metodin echo , yleinen muoto:
echo "www-sivulle näytettävä teksti.";echo voidaan kirjoittaa koodaukseen esimerkiksi seuraavilla tavoilla:
echo"www-sivulle esitettävä tieto";Echo"www-sivulle esitettävä tieto";ECHO"www-sivulle esitettävä tieto";
Kun www-sivulle näytetään vain tekstiä:
echo "www-sivulle näytettävä teksti.";Kun www-sivulle muuttujan sisältämä tieto:
echo $muuttujan_nimi;Kun www-sivulle muuttujan sisältämä tieto ja tekstiä:
echo "Muuttujassa " . $muuttujan_nimi . "on jokin numero arvona.";Tämä toimii myös, ja on helpompi tapa:
echo "Muuttujassa $muuttujan_nimi on jokin numero arvona.";
1. Esimerkki. HTML- ja PHP-koodaus. Koodauksessa käytetään PHP-koodin sisällä HTML:n h3-otsikkoa sekä rivinvaihtoja.
PHP-koodauksen ulkopuolella liitetään div-elementin avulla CSS-ohje nimeltään omavari PHP-koodaukseen.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title> TESTISIVU </title>
<style>
.vari1{
color: SlateBlue;
}
</style>
</head>
<body>
<div class="vari1">
<?php
$piin_likiarvo= 3.14;
echo "<h3> OTSIKKO </h3>";
echo "Hyvää huomenta.<br>";
echo "Tänään opettelen PHP:tä.<br>";
echo "Tämä ", "ei ", "ole ", "hyvä ", "tapa.<br>";
echo "Vakion π likiarvo on " . $piin_likiarvo . ".";
?>
</div>
</body>
</html>
Tulos www-sivulla:
2. Esimerkki. Esimerkissä sijoitetaan tekstiä ja kokonaislukuja muuttujiin sekä näytetään nämä www-sivulle CSS-ohjeella muotoiltuna. Huomaa tämä! CSS-ohjeet tulee sijoittaa testikoodauksessa head-elementissä olevan style-elementin sisään (katso edellinen esimerkki).
CSS-ohjeet:
.vari1{
color: SlateBlue;
}
HTML- ja PHP-koodaus:
<div class="vari1">
<?php
$teksti1 = "OTSIKKO <br>";
$teksti2 = "on tekstiä.<br>";
$luku1 = 200;
$luku2 = 24;
echo "<h4>" . $teksti1 . "</h4>";
echo "Tässä muuttujassa " . $teksti2 . "<br>";
echo $luku1 + $luku2;
?>
</div>
Tulos www-sivulla:
Etsi Googlella tietoa Seitsemän veljestä-kirjasta.
Kopioi 'Seitsemästä veljeksestä'
(Aleksi Kivi) kaksi kappaletta tekstiä ja sijoita kopiomasi kappaleet kahteen eri muuttujaan.
Keksi kappaleille sopiva otsikot ja sijoita otsikot nekin kahteen eri muuttujaan.
Näytä muuttujien avulla otsikot ja tekstit.
Käytä myös tekstissä CSS-ohjeella liitettyä tekstinväriä.
3. Esimerkki. Esimerkissä (alla) tutkitaan
var_dump()-funktiolla muuttujissa olevan tiedon tyyppi ja esitetään tieto www-sivulle.
var_dump()käytetään kun on täytyy selvittää muuttujassa olevan tiedon tyyppi.
CSS-ohje:
.vari2{
color: Maroon;
}
HTML- ja PHP-koodaus:
<div class="vari2">
<?php
$teksti = "OTSIKKO";
$kirjain = "G";
$taulukko = array("Antti","1996",20);
$kokonaisluku = 1234;
$desimaaliluku = 2.45;
var_dump($teksti);
echo "<br>";
var_dump($kirjain);
echo "<br>";
var_dump($kokonaisluku);
echo "<br>";
var_dump($desimaaliluku);
echo "<br>";
var_dump($taulukko);
?>
</div>
Tulos www-sivulla:
Esimerkissä (yllä):
var_dump($teksti), teksti-muuttuja on string eli merkkijono, jossa on 7 kirjainta sekä tekstinä on OTSIKKO var_dump($kirjain), kirjain-muuttuja on string, jossa on yksi kirjain joka on G var_dump($kokonaisluku), kokonaisluku-muuttuja on int eli kokonaisluku, joka on 1234 var_dump($desimaaliluku), desimaali-muuttuja on float eli desimaaliluku, joka on 2.45 var_dump($taulukko), taulukko-muuttuja on array eli taulukko, jossa on * paikassa 0 viisi merkkiä joka on Antti * paikassa 1 neljä merkkiä joka on 1996 * paikassa 2 kokonaisluku jotka on 20
Toinen PHP:n www-sivulle tulostava "metodi" on print joka toimii samalla tavalla kuin
echo. minkä tyyppistä tietoa tulostetaan.
Metodin print , yleinen muoto:
print "www-sivulle näytettävä teksti."; 4. Esimerkki. Esimerkissä näytetään www-sivulle h3-kokoinen otsikko ja kaksi tekstiä. PHP-koodauksessa otsikko- ja teksti-elementteihin
liitetään eri värit CSS-ohjeilla. HUOMAA! PHP-koodin sisällä CSS-ohje liitetään käyttämällä heittomerkkejä esim:
class='vari1'.
<?php
print "<h3 class='vari1'> OTSIKKO </h3>";
print "<p class='vari2'>Tekstiä johon p-elementillä liitetään väri.</p>";
print "<p class='vari1'>Tällä tekstillä sama väri kuin otsikkossa.</p>";
?>
Tulos www-sivulla:
Tekstiä johon p-elementillä liitetään väri.
Tällä tekstillä sama väri kuin otsikkossa.
5. Esimerkki. Esimerkissä ympyrän kehän laskemisessa käytetään lisäksi muuttujiin sijoitettuja tekstejä ja numeroarvoja sekä print-funktioihin kirjoitettujen tekstien yhdistelmiä. CSS-ohjeet liitetään PHP-ohjelman ulkopuolella div-elementin avulla. Laatikon CSS-ohje on sama mitä käytetään tässä oppaassa tuloksen näyttämiseen www-sivulla, lisäksi on ohje tekstin värille.
CSS-ohjeet:
.esimerkki {
background-color: RGB(248, 244, 253);
width: 50%;
border: 1px solid RGB(41, 20, 82);
padding: 20px;
margin: 20px;
box-shadow: 7px 7px 5px grey;
}
.koodisini{
color: darkblue;
font-size: 130%;
}
HTML- ja PHP-koodaukset:
<div class="esimerkki koodisini">
<?php
$teksti_1 = "<h3>Ympyrän kehän laskeminen</h3>";
$teksti_2 = "kehä";
$sade = 10;
$pii = 3.14;
print "" . $teksti_1 . "<br>";
print "Ympyrän " . $teksti_2 . " lasketaan kaavalla:<br>";
print "Ala = 2 * π * säde<br><br>";
print "Jos säde on 10, kehä on ";
print "" . 2 * $pii * $sade . "";
?>
</div>
Tulos www-sivulla:
Lisää 5. esimerkkiin joka laskee ympyrän kehän
seuraavat laskut ja niiden tulosten näyttäminen:
- ympyrän pinta-ala
- pallon tilavuus
- pallon pinta-ala
Käytä tulosten näyttämisessä CSS-ohjeita !
Pienennä käytettävää fonttikokoa CSS-ohjeessa.