Здравствуйте, уважаемые читатели. В данной теме я приведу несколько вариантов, при помощи которых вы сможете изменить размер текста (шрифта) на html сайте или страничке. Так вот, для начала, я покажу вам способ, который многие начинающие веб мастера используют не по назначению. Хотя удивляться тут не стоит, ведь начинающие веб мастера хотят как лучше, а на деле получается как всегда. Теперь ближе к делу.

Зачастую, многие люди для того, чтобы изменить размер текста используют теги h1 — h6. Хотя, по факту эти теги используются для создания заголовков и под заголовков, более того, поисковые алгоритмы при анализе сайта обращают на эти теги особое внимание, и в случае, если вы будете теги, которые для заголовков использовать для увеличения обычного шрифта, то скорее всего попадете в черный список поисковых систем, и не сможете попасть в топ поисковой выдачи. Надеюсь общий смысл вам понятен, чуть ниже я привел пример, как прописываются заголовки, можете повторить, но после верните код своей html странички в прежнее состояние.

<html>
<head>
<title>Эта страница создана за 5 минут</title>
</head>
<body bgcolor="#00CCFF" text="#FFFF00">
<center>
<h1>Сегодня отличный день.</h1> <br><i>Я сделал свою первую страничку.</i>
<br><font color="#0000FF"><b>я буду богатым и свободным человеком!</b></font>
<br><br>
<img src="images/5055.jpg" width="400" height="400" alt="создание и продвижение сайтов" title="все про создание и продвижение сайтов в интернете">
</center>
</body>
</html>

С тегом h1 наша страничка будет такой. Не забудьте после проверки, вернуть ее в прежнее состояние.

При желании, вы так же можете изменить размер всего текста, если пропишете в коде своей странички тег font size, например 5 или 7. В общем, пример ниже, можете поэкспериментировать, только не забудьте вернуть код в прежнее состояние.

<html>
<head>
<title>Эта страница создана за 5 минут</title>
<font size="5">
</head>
<body bgcolor="#00CCFF" text="#FFFF00">
<center>
Сегодня отличный день. <br><i>Я сделал свою первую страничку.</i>
<br><font color="#0000FF"><b>я буду богатым и свободным человеком!</b></font>
<br><br>
<img src="images/5055.jpg" width="400" height="400" alt="создание и продвижение сайтов" title="все про создание и продвижение сайтов в интернете">
</center>
</body>
</html>

Ну и наконец третий вариант. При желании, в любой момент, вы можете изменить размер отдельного слова или предложения. Строчкой ниже я привел пример. Пропишите эти изменение на своей страничке и переходите к следующему уроку.

<html>
<head>
<title>Эта страница создана за 5 минут</title>
</head>
<body bgcolor="#00CCFF" text="#FFFF00">
<center>
Сегодня отличный день. <br><i>Я сделал свою первую страничку.</i>
<br><font color="#0000FF" size="5"><b>я буду богатым и свободным человеком!</b></font>
<br><br>
<img src="images/5055.jpg" width="400" height="400" alt="создание и продвижение сайтов" title="все про создание и продвижение сайтов в интернете">
</center>
</body>
</html>

Сейчас наша страничка должна быть такой.

Видео урок: меняем размер шрифта в html