Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Набор текста






Заголовки

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

Пример заголовка - размер 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=UTF-8" > < /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=UTF-8" > < /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>

 

Но, к сожалению, этот тег не работает в ранних версиях различных браузеров.






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.