Работа с текстомТак как все браузеры не предусмотрены для введения и редактировании информации, то нам с Вами понадобится для освоении этой темы любой HTML-редактор или просто Notepad (Блокнот). Если Вы выбрали второй вариант, то предварительно введите в него набор тегов в следующей последовательности: <html><head></head><body> </body></html>. Это указывает на то, что будет создаваться HTML-документ. Внутри контейнера <body> </body> будут происходить основные события по разметки страницы и работой с текстом в том числе. Устремимся туда. Для работы с текстом в языке HTML предусмотрено большое количество тегов которые делится по способу форматирования на две группы. К первой относится теги предназначенные для форматирования абзаца (фрагмент текста), а ко второй- какого-либо отдельного символа из текста. Начнем по порядку. Теги для форматирования абзацев. Основным из них является тэг <P> (c анг. Paragraph - абзац). Введите в блокнот куда нужно : <P> Browse Window</P>, затем "сохраните как" в файл с расширением .html и откройте в браузере. Вы увидите Browse Window. Тоже самое повторите с тегами <FONT>, < BASEFONT>,<SPAN>, и <DIV> (ПРИМ. они также относятся к данной группе), но запишите их в столбец и найдите различия в промежутках между абзацами. В дальнейшем это пригодится при выборе между ними. Теперь поработаем над видоизменением шрифта. Для того, чтобы выбрать шрифт применяем атрибут FACE к вышеуказанным тегам, в значении ставим его название (Arial, Tahoma и т.д) или слово serif - с засечками; san_serif - без засечек; cursive - курсивный; monospace - моноширинный Пример: <SPAN FACE="Tahoma,Arial,san_serif">. Здесь в значение описаны несколько шрифтов не зря. Если у конечного пользователя не будет в операционной системе шрифта "Tahoma", то у него на мониторе появится "Arial" и т.д. Потренируйтесь на своем ПК с атрибутами SIZE (размер шрифта) и COLOR (цвет). Теги <U> и <STRIKE> подчеркивают и перечеркивают текст соответственно. Тег <PRE> предназначен для вставки на страницу готовых HTML-документов, предоставляя на ней отдельный абзац. Это могут быть различные таблицы, бланки, шаблоны и т.п. Тэги для формирования символов
Про все выше изложенное можно сказать, что оно носит общепознавательный характер для полного понимания структуры языка HTML. В действительности на практике применяются HTML-редакторы с встроенными средствами форматирования текста и каскадные листы стилей. Но мы настоятельно рекомендуем Вам изучить эти тэги, потому как без этих знаний Вы не сможете вручную подправлять код страницы. Построение списковСписки на Web-страницах применяются довольно часто для перечисления чего-либо. Они делятся на три категории. Приводим их перечень с визуальными примерами:
Кодировка страницЕсли Вы достаточное время проводили за компьютером, то Вам приходилось сталкиваться с таким явлением, когда мониторе выводился текст в виде непонятных символов. Это проблнма кодировки. Весь фокус в том, что символы в различных языках (русск., анг. и т.д.) имеют разное сочетания и колличество битов, которые принято называть "кодировками текста". Проблема кодировки решается пупем изменения крдировки. Данный способ построение текста в машинном коде имеют место и в Интернете. Чтобы посетители Вашего сайта не увидели вместо русских букв - "аббракодабра"; и им не пришлось "ковыряться " в настройках браузера - решите эту проблему вставив в контейнер <HEAD> (см. выше) нужную кодировку. В Windows русский язык поддерживают следующие кодировки: Windows-1251, UTF-8, ISO-8859-5, KOI-8R, а русская кодировка страницы будет выглядеть следующем образом: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
|
|