- •Создание web-страниц
- •4. Название домашней страницы
- •Урок 2-3. Ввод текста и иной информации
- •1. Заголовки
- •2. Ввод текста
- •3. Как разбить текст на смысловые группы
- •3.1. Тег нового абзаца
- •2.3. Выравнивание
- •2.4. Толщина линии
- •Урок 6-7. Стилевое оформление текста
- •Введите фразу «Этот текст будет выведен курсивом» и выделите её курсивом на вашей страничке.
- •5. Подчеркивание
- •7. Нижние и верхние индексы
- •1.Задание фактического размера шрифта
- •2. Задание относительного размера шрифта
- •4. Управление цветом текста
- •Урок 10-11. Списки и таблицы
- •1. Как создать на странице список
- •1.1. Маркированный список
- •1.2. Нумерованный список
- •1.3. Списки определений
- •Списки в списках
- •2. Как построить на странице таблицу
- •Теги html для построения таблиц:
- •3. Цвета в таблице
- •Урок 12-13. Использование графики Рисунки и графика очень важны для www. Это единственное средство Интернета, позволяющее просматривать на экране одновременно изображения и текст.
- •Измените цвет фона Вашей страницы
- •Урок 14-15. Ссылки на Web-страницах.
- •1.Создание ссылки.
2. Ввод текста
Наберите следующий текст, сохраните файл, а затем откройте его в Web – браузере.
«Я рад приветствовать Вас на моей Web-странице. Я непрерывно работаю над этой страницей, и она постоянно обновляется. Я стараюсь, чтобы новая информация появлялась здесь приблизительно каждые два месяца. Я люблю изучать компьютеры, читать книги и смотреть телевизор».
3. Как разбить текст на смысловые группы
Когда вы начнете вводить текст, вы увидите, что Web-броузеры игнорируют пробелы, табуляции и переводы строки, если только они не определены соответствующими тегами разметки. Это происходит потому что браузеры форматируют текстовую информацию только в соответствии с тегами разметки. HTML – это язык форматирования. Поскольку браузеры игнорируют промежутки между абзацами, вы увидите только громадный блок текста! Чтобы сообщить браузеру, как разделить текст на абзацы и где нужны абзацные отступы, придется ввести в HTML-файл специальные теги.
Рассмотрим несколько тегов разметки текста.
3.1. Тег нового абзаца
Тег нового абзаца (<Р>) предписывает браузеру разделить два фрагмента текста пустой строкой. Это полезно, когда вам надо отобразить большой объем текста, например, книгу или подробную личную информацию, которая состоит более чем из одного длинного абзаца.
Ввести тег нового абзаца просто. Подведите указатель к тому месту, где вы хотите вставить тег, и наберите <Р>. Web-броузеры поймут, что означает этот тег, и правильно отобразят новый абзац на экране.
3.2. Тег перевода строки
Тег перевода строки <BR> аналогичен тегу нового абзаца, но он не вводит пустую строку после отделяемого им текста. После этого тега текст продолжает отображаться с начала следующей строки.
Отформатируйте текст.
Урок 4- 5. Использование горизонтальных линий
Тег горизонтальной линии может быть средством организации текста и дизайна. Он помогает посетителям страницы понять, какие части информации соотносятся друг с другом, а также разделяет страницу на несколько частей.
1. Задание линий
Тег <HR> применяется непосредственно для задания линии. Тег <HR> можно использовать в любом месте основной части HTML - документа. Чтобы ввести этот тег, просто наберите <HR>. Как и в случае с тегом <Р>, Web-браузеры автоматически выполняют возврат каретки после горизонтальной линии.
Создайте новый файл, в котором будете рисовать различные линии. Присвойте ему имя – LINE.HTM
2. Различные виды линий
HTML позволяет использовать линии различной ширины, длины и типа, а также позволяет их выравнивать.
2.1. SHADE и NOSHADE
Это расширение тега <HR> позволяет вам задать, будет горизонтальная линия просто черной сплошной линией или она будет контурной (по умолчанию).
Чтобы использовать опцию NOSHADE, просто добавьте ключевое слово NOSHADE в тег <HR>:
<HR NOSHADE>
Нарисуйте две линии: сплошную и контурную, используя, эти теги.
2.2. Ширина линии
Есть расширение, которое позволяет управлять шириной линии (ее длиной по ширине страницы). При использовании стандартного тега <HR> браузером отображается линия шириной во весь экран. Часто, в зависимости от дизайна страницы, нужно, чтобы линия пересекала только половину или четверть экрана.
Это можно сделать с помощью ключевого слова WIDTH и значения ширины линии в процентах. Например, если вы хотите задать простую линию длиной в половину экрана (50 процентов), используйте следующий тег:
<HR WIDTH=50%>
Нарисуйте три линии длиной 1/3 ширины страницы, ½ ширины страницы и 70% ширины страницы.