Suurin ongelma HTML:n isoilla kirjaimilla on, että sitä voi olla vaikea lukea.
<!DOCTYPE html>
<html>
<body>
<h2>HTML uppercase</h2>
<p id="demo"></p>
<script>
var x = document.getElementById("demo"); // Find the element with id="demo"
x.innerHTML = x.innerHTML.toUpperCase(); // Convert the content to uppercase
</script>
</body>
Kaksi ensimmäistä riviä luovat HTML-dokumentin. Ilmoitus määrittelee tämän asiakirjan olevan HTML5. Elementti on HTML-sivun juurielementti. Elementti sisältää näkyvän sivun sisällön.
Seuraavat kaksi riviä luovat otsikon ja kappaleen:
-
elementti määrittää otsikon.
-
elementti määrittää kappaleen.
Attribuutti id määrittää HTML-elementille yksilöllisen tunnuksen (arvon on oltava yksilöllinen HTML-dokumentissa).
InnerHTML-ominaisuus hakee tai asettaa elementin HTML-sisällön (innerHTML).
Tässä esimerkissä käytämme innerHTML-ominaisuutta muuntamaan sisällön
elementti isoiksi kirjaimille:
Kuinka näyttää isoja kirjaimia
Jos haluat näyttää isoilla kirjaimilla olevaa tekstiä HTML:ssä, käytä tag. Esimerkiksi:
Hei
Tämä näyttää "Hei".
CSS-tekstinmuunnosominaisuus
Text-transform ominaisuudella voidaan muuttaa elementin tekstin muotoilua. Tämän ominaisuuden avulla voidaan muuttaa tekstin fonttia, kokoa ja väriä.
