Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Набор текста
|
|
Заголовки
Итак, продолжим набивать текстом нашу страницу. Поговорим о заголовках. Подобно названию страницы, заголовки должны быть краткими и полезными. Существует шесть размеров шрифта заголовков (они пронумерованы от одного до шести, причем первый номер соответствует самому крупному размеру шрифта). Итак, давайте взглянем на эти виды заголовков:
| Пример заголовка - размер 1 Пример заголовка - размер 2 Пример заголовка - размер 3 Пример заголовка - размер 4 Пример заголовка - размер 5 Пример заголовка - размер 6 |
Заголовки отображаются Web-браузерами намного крупнее и жирнее стандартного текста. Это хороший способ выделять различные части Web-страницы.
Чтобы воспользоваться заголовком с размером букв первого номера, нужно обозначить выделяемый текст тегами < H1> и < /H1>. Давайте попробуем ввести заголовок в нашу страницу. Этот текст должен располагаться в части, отдельной тегами < BODY> и < /BODY>.
| файл: index.html |
| < HTML> < HEAD> < TITLE> Design LAB< /TITLE> < META HTTP-EQUIV=" Content-Type" CONTENT=" text/html; charset=windows-1251" > < /HEAD> < BODY BGCOLOR=" BLACK" TEXT=" WHITE" LINK=" LIME" ALINK=" LIME" VLINK=" LIME " > < H1> Моя Домашняя Страничка< /H1> На этой страничке есть информация < a href=" about.html" > про меня< /a> < /BODY> < /HTML> |
И вот что мы получим в результате:
| preview: index.html |
| Моя Домашняя Страничка На этой страничке есть информация про меня |
Написав < H1>, мы активизировали команду " Заголовок #1". Написав < /H1>, мы закрыли эту команду. Весь текст который находился между этими тегами был подвластен команде " Заголовок #1".
Набор текста
Давайте теперь набьем какой-нибудь текст в нашу страничку. Процедура набора текста в HTML-документ является самой простой. Итак, наберем:
| Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты: Desing Laboratory (https://cray.vision.krg.kz/~Sam/dlab) Bjork (https://bjurk.by.ru) Prodigy (https://prodiga.by.ru) iPoizon.com (https://iPoizon.com) |
Но запустив нашу страничку на браузере, мы увидим:
| preview: index.html |
| Моя Домашняя Страничка Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты: Desing Laboratory (https://cray.vision.krg.kz/~Sam/dlab) Bjork (https://bjurk.by.ru) Prodigy (https://prodiga.by.ru) iPoizon.com (https://iPoizon.com) |
Все смешалось. Необходимо отформатировать текст. Существует тег < br>. Этот тег нужно вставлять в месте, где нужно делать перенос строки. Давайте теперь, после обработки посмотрим на результат:
| preview: index.html | файл: index.html |
| Моя Домашняя Страничка Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты: - Desing Laboratory (https://cray.vision.krg.kz/~Sam/dlab) - Bjork (https://bjurk.by.ru) - Prodigy (https://prodiga.by.ru) - iPoizon.com (https://iPoizon.com) | < HTML> < HEAD> < TITLE> Design LAB< /TITLE> < META HTTP-EQUIV=" Content-Type" CONTENT=" text/html; charset=windows-1251" > < /HEAD> < BODY BGCOLOR=" BLACK" TEXT=" WHITE" LINK=" LIME" ALINK=" LIME" VLINK=" LIME " > < H1> Моя Домашняя Страничка< /H1> Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты: < br> - Desing Laboratory (https://cray.vision.krg.kz/~Sam/dlab)< br> - Bjork (https://bjurk.by.ru)< br> - Prodigy (https://prodiga.by.ru)< br> - iPoizon.com (https://iPoizon.com)< br> < /BODY> < /HTML> |
Существует также тег параграфа, т.е. небольшой отступ от начала строки. Это тег < dd>. Давайте попробуем заменить в списке знаки - на < dd>:
| preview: index.html | файл: index.html |
| Моя Домашняя Страничка Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты: Desing Laboratory (https://cray.vision.krg.kz/~Sam/dlab) Bjork (https://bjurk.by.ru) Prodigy (https://prodiga.by.ru) iPoizon.com (https://iPoizon.com) | < HTML>... Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты: < br> < dd> Desing Laboratory (https://cray.vision.krg.kz/~Sam/dlab)< br> < dd> Bjork (https://bjurk.by.ru)< br> < dd> Prodigy (https://prodiga.by.ru)< br> < dd> iPoizon.com (https://iPoizon.com)< br>... < /HTML> |
Но, к сожалению, этот тег не работает в ранних версиях различных браузеров.