Основният проблем с главните букви на HTML е, че може да бъде трудно за четене.
<!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>
Първите два реда създават HTML документ. Декларацията определя този документ като HTML5. Елементът е основният елемент на HTML страница. Елементът съдържа видимото съдържание на страницата.
Следващите два реда създават заглавие и параграф:
-
елемент дефинира заглавие.
-
елемент дефинира параграф.
Атрибутът id указва уникален идентификатор за HTML елемент (стойността трябва да е уникална в рамките на HTML документа).
Свойството innerHTML получава или задава HTML съдържанието (innerHTML) на елемент.
В този пример използваме свойството innerHTML, за да конвертираме съдържанието на
елемент към главни букви:
Как да показвам текст с главни букви
За да покажете текст с главни букви в HTML, използвайте маркер. Например:
Здравейте
Това ще покаже „Здравей“.
CSS свойство за преобразуване на текст
Свойството text-transform може да се използва за промяна на текстовото форматиране на елемент. Това свойство може да се използва за промяна на шрифта, размера и цвета на текста.
