 |
Задание 2. Форматирование текста
|
|
|
|
Создание сайтов
Задание 1. Создание простой страницы
HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста).
HTML предназначен для создания веб-страниц во всемирной паутине.
Любой HTML документ состоит из обычного текста и разметочных тэгов.
Текст как и в любых других файлах используется для передачи информации, а разметочные тэги используются для ее группировки и оформления.
Разметочные тэги HTML представляют собой специальные слова, которые окружены с обеих сторон угловыми скобками, например:<html>.
HTML тэги обычно применяются в паре. Первый тэг называется начальным тэгом, а второй конечным тэгом.
Текст находящийся между начальным и конечным тэгом подвергается "разметке".
Если HTML документ будет открыт в редакторе он будет отображен как обычный текстовый файл.
Если HTML документ будет открыт в браузере он будет отображен в соответствии с разметочными тэгами и будет называться веб-страницей.
Примеры редакторов HTML:
Notepad ++
Microsoft FrontPage
Adobe Dreamweaver
1. Запустите Блокнот и наберите следующий текст:
2. Сохраните в своей папке под именем ex1.html
3. Перейдите в папку и щелкните дважды на этом файле. Посмотрите результат в браузере.
Тег <html> определяет начало HTML-файла, внутри него хранится заголовок (<head>) и тело документа (<body>).
Тег <title> определяет заголовок веб-страницы
4. Вернитесь к вашему файлу в Блокноте
Заголовки в HTML определяются тегами <h1>-<h6> (h1 определяет самый крупный заголовок, а h6 самый мелкий).
Добавьте перед закрывающим тэгом /body текст:
5. Сохраните документ, перейдите в браузер, обновите страницу, посмотрите результат.
С помощью HTML тега <p> вы можете определить абзац.
|
|
|
6. Добавьте к файлу тэги и обновите документ
Вставка горизонтальной линии осуществляется с помощью HTML тэга hr.
7. Добавьте в ваш файл тэги и посмотрите результат
С помощью комментариев Вы можете оставлять в коде пояснительные заметки.
Содержимое комментариев полностью игнорируется браузером;
Содержимое комментариев не отображается при просмотре страницы.
8. Добавьте на страницу код
Содержимое любых страниц в интернете может быть просмотрено. Для того, чтобы посмотреть исходный код необходимо при просмотре страницы нажать правую кнопку мыши и выбрать пункт "Просмотреть исходный код страницы" (текст может незначительно отличаться в различных браузерах).
9. Создайте самостоятельно веб-страницу (сохраните с именем ex2.html):
Задание 2. Форматирование текста
1. Откройте в Блокноте ваш файл ex1.html и добавьте код
Используйте тэг br если хотите перевести текст на новую строку.
2. Добавьте код
С помощью HTML тэга pre Вы можете отобразить предформатированный текст.
Все что находится внутри тэга pre будет отображено точно так как написано. Браузер не будет удалять идущие подряд пробелы и символы перевода строки.
3. Добавьте код
4. Создайте самостоятельно веб-страницу (сохраните с именем ex3.html):
Для установки выравнивания текста обычно используется тег параграфа p с атрибутом align
Он может принимать следующие значения:
left — выравнивание по левому краю, задается по умолчанию;
right — выравнивание по правому краю;
center — выравнивание по центру;
justify — выравнивание по ширине (одновременно по правому и левому краю). Это значение работает только для текста, длина которого более, чем одна строка.
5. Откройте ваш файл ex2.html и добавьте в строки код выравнивания
для h1 align=center
для h3 align=right
для остальных абзацев к тегу p добавьте атрибут align=justify
Результат:
В HTML цвет задается одним из двух путей: с помощью шестнадцатеричного кода и по названию некоторых цветов.
|
|
|
Названия некоторых цветов:
6. В этом же файле добавьте в тэг body атрибуты: bgcolor="teal" text="#ffffff"
Посмотрите результат.
|
|
|
