• 284571
  • 198
  • 8
Нравится блог?
Подписывайтесь!

Урок 4-й. Работа с текстом. HTML тэги...

Урок 4-й. Работа с текстом.
С этого урока мы наконец то перейдем к работе с "телом" страницы, а именно научимся вставлять текст, менять его размер шрифт.
Действовать мы начнем между тэгами <body> и </body>. В предыдущих уроках я уже говорил что туда можно вставить любой текст, например так:

<html>
<head>
<title> Самый лучший сайт </title>
<link rel="short icon" href="icon.ico">
<base target="_self">
</head>
<body>
Привет! это мой сайт!
</body>
</html>

Еще я говорил, что не имеет значения как писать код в строчку или вертикально, браузеры игнорируют переносы строк и в связи с этим появляется проблема переноса строк в написании текста, то есть если вы напишите так:

<body>
Привет!
Это мой сайт!
</body>

То текст все равно будет написан в строчку вот так:

Привет! Это мой сайт!

Специально для этого есть тэг <br> ,он не требует второго закрывающего тэга и работает как кнопка “ентер” при написании текста. Для того что бы текст выглядел вот так:

Привет!
Это мой сайт!

Используется вот такой код:

<body>
Привет! <br>
Это мой сайт!
</body>

С переносом строк закончили теперь поговорим о размере букв. Для этого существует несколько тэгов. Начнем мы с самого простого:

<small></small>

и

<big></big>

Не нужны огромные познания английского, что бы понять что они делают, но все же:

<small></small> -уменьшает текст

а

<big></big> - увеличивает

Сразу покажу на примере:

<body>
<small>Привет!</small><br>
<big>Это мой сайт!</big>
</body>

Кстати делать вот так:

<small><big>Привет!</big> </small>

Нет смысла.
Но эти тэги используют редко, потому что есть более удобные:

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

Тэг <h1></h1> соответствует самому большому шрифту, а <h6></h6> самому маленькому.
Пример:

<body>
<h1>Привет!</h1>
<h6>Это мой сайт!</h6>
</body>

Обратите внимание на то, что я не использовал тэг <br> для переноса строки. Дело в том, что тэги <hX> предназначены для заголовков и после этого тэга автоматически производится перенос строки.
Но как быть, если надо выделить слово посреди текста? Для этого существует тэг:

<font></fond>

Этот тэг имеет несколько функций, о которых я расскажу позже. Для того что бы менять размер шрифта используется следующий параметр тэга:

size

значение которого может быть от 0 до 7. Сразу привожу пример:

<body>
<font size="0">Привет!</font><br>
<font size="7">Это мой сайт!</font>
</body>

Теперь расскажу про индексы верхний и нижний.

<sup></sup> -верхний индекс
<sub></sub> - нижний индекс

Думаю все понятно вот пример:
<body>
<sup>верхний индекс</sup>
<sub>нижний индекс</sub>
</body>

Далее дам несколько тэгов выделяющие текст:

<b> </b> - полужирный
<i> </i> - курсив
<tt> </tt> - моноширный
<u> </u> - подчеркнутый
<strike> </strike> - перечеркнутый
<s> </s> - тоже перечеркнутый
<pre> </pre> - форматированный (этот тэг еще совершает перенос строк до и после себя)

Пример:

<body>
обычный<br>
<b>полужирный</b><br>
<i>курсив</i><br>
<tt>моноширный</tt><br>
<u>подчеркнутый</u><br>
<strike>перечеркнутый</strike><br>
<s>перечеркнутый</s>
<pre>форматированный</pre>
</body>

И под конец расскажу про еще один параметр тэга <font>:

face -устанавливает шрифт текста

пример:

<font face="arial">текст</font>

Вот список шрифтов которые есть у каждого: Times, Garamond, Times New Roman, Arial, Helvetica, Courier, Verdana, Tahoma, Cosmic Sans. Их можно использовать, не опасаясь что этого шрифта не окажется у кого либо. Можно прописать несколько шрифтов:

<font face="arial, garamond">текст</font>

Таким образом, если нет первого шрифта то текст будет отображаться вторым.
А о том, как расположить текст в нужном месте я расскажу на следующем уроке.

Боьлше информаций вы можете узнать на моем сайте, просто нажмите на сcылку - Основы HTML

Жандос Байдильденов Pozitiv
Я веб мастер, продвигаю и делаю веб сайты по низким ценам.
12 марта 2011, 15:14
3875

Загрузка...
Loading...

Комментарии

Оставьте свой комментарий

Спасибо за открытие блога в Yvision.kz! Чтобы убедиться в отсутствии спама, все комментарии новых пользователей проходят премодерацию. Соблюдение правил нашей блог-платформы ускорит ваш переход в категорию надежных пользователей, не нуждающихся в премодерации. Обязательно прочтите наши правила по указанной ссылке: Правила

Также можно нажать Ctrl+Enter

Популярные посты

Казком берет комиссии за оплаты по карте. Почему на это закрывают глаза Visa и MasterCard?!

Казком берет комиссии за оплаты по карте. Почему на это закрывают глаза Visa и MasterCard?!

Покупаешь в супермаркете продукты на 5000 тенге и банк забирает себе еще 30-50 тенге. То есть, продукты обошлись уже не в 5000, а в 5050 тенге.
ValentinaVladimirska
25 мая 2017 / 22:56
  • 13691
  • 29
Узаконенное варварство в стране, принимающей «EPXO». Еще далеко нам до «топ-30 развитых стран»

Узаконенное варварство в стране, принимающей «EPXO». Еще далеко нам до «топ-30 развитых стран»

В продвинутых государствах едва ли поймут, почему в столь развитом, успешном и преуспевающем Казахстане от имени и по заданию властей творятся такие зверства над животными.
openqazaqstan
24 мая 2017 / 12:12
  • 10908
  • 102
Вырубка деревьев в Алматы под БРТ. Проект уже нанес городу экологический ущерб

Вырубка деревьев в Алматы под БРТ. Проект уже нанес городу экологический ущерб

Как ранее уже сообщалось из-за строительства БРТ в Алматы пострадают значительное количество деревьев. На прошлой неделе вырублены первые вязы и клён, - под расширение проезжей части на улице...
SKYFALL
24 мая 2017 / 17:20
  • 10828
  • 17
Поддержим пенсией жиреющие банки! На что казахстанцам разрешат досрочно тратить свои накопления в ЕНПФ

Поддержим пенсией жиреющие банки! На что казахстанцам разрешат досрочно тратить свои накопления в ЕНПФ

Со стороны ЕНПФ в очередной раз прозвучало крайне неоднозначное заявление, от которого, на наш взгляд, лучше было бы воздержаться.
openqazaqstan
23 мая 2017 / 11:08
  • 9986
  • 32
Системная коррупция стала главной угрозой для Казахстана. У нас воруют миллиардами

Системная коррупция стала главной угрозой для Казахстана. У нас воруют миллиардами

Коррупционные отношения вышли на такой уровень, что они уже начинают дискредитировать всю систему управления.
openqazaqstan
26 мая 2017 / 13:45
  • 8523
  • 34
Да-да, я знаю, пора выходить замуж. Есть ли у меня еще время и, пожалуйста, уточните сколько?

Да-да, я знаю, пора выходить замуж. Есть ли у меня еще время и, пожалуйста, уточните сколько?

Итак давайте сразу начистоту. Мне 29. Не замужем, никогда не была, детей нет. В душе я совсем не чувствую этот возраст. Каждый раз когда задумываюсь об этом больше чем на 3 минуты, меня накрывает...
user2017
23 мая 2017 / 10:57
Пока полицейские будут прощать, им будут бить и по чести, и по лицу

Пока полицейские будут прощать, им будут бить и по чести, и по лицу

Судья Алмалинского районного суда Куаныш Арипов ломает стереотипы отношения граждан к представителям Фемиды. Напавшему на полицейского экс-сотруднику алматинского акимата он назначил наказание выше...
Mirogloff
24 мая 2017 / 16:41
  • 4047
  • 9
Аблязов загробным голосом декларирует «ДВК-2». Монолог обиженного человека

Аблязов загробным голосом декларирует «ДВК-2». Монолог обиженного человека

Последний монолог Аблязова о «продолжении борьбы с режимом» и «ДВК-2», при всём желании, не выглядел как какой-то политический манифест.
openqazaqstan
25 мая 2017 / 13:53
  • 3320
  • 62
Начинаю понимать, почему большинство разводов приходится на время беременности

Начинаю понимать, почему большинство разводов приходится на время беременности

У него нет растяжек на теле, его не тошнит и не рвет, у него не расходятся кости таза, нет тяжести при ходьбе, его по органам никто изнутри не пинает. Как тяжело выдержать 9 месяцев мужику, бедные...
idol_true
26 мая 2017 / 16:52
  • 3429
  • 95