Методическое пособие "Основы языка гипертекстовой разметки. Web - сайты и Web – страницы"
методическая разработка
Данное пособие разработанно для изучения языка гипертекстовой разметки
Скачать:
| Вложение | Размер |
|---|---|
 html.zip | 110.1 КБ |
Предварительный просмотр:
Основные теги
Указывает программе просмотра страниц что это HTML документ | |
Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. | |
Определяет видимую часть документа |
Теги оглавления
Помещает название документа в оглавление программы просмотра страниц |
Атрибуты тела документа
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. | |
Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. | |
Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет. | |
Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет. | |
Устанавливает цвет гиперссылок при нажатии. |
Теги для форматирования текста
| Обрамляет предварительно отформатированный текст. |
| Создает САМЫЙ БОЛЬШОЙ заголовок |
| Создает самый маленький заголовок |
| Создает жирный текст |
| Создает наклонный текст |
| Создает текст - имитирующий стиль печатной машинки. |
| Используется для цитат, обычно наклонный текст. |
| Используется для выделения из текста слова (наклонный или жирный текст) |
| Используется для выделения наиболее важных частей текста (наклонный или жирный текст) |
| Устанавливает размер текста в пределах от 1 до 7. |
| Устанавливает цвет текста, используя значение цвета в виде RRGGBB. |
Гиперссылки
Создает гиперссылку на другие документы или часть текущего документа. | |
Создает гиперссылку вызова почтовой программы для написания письма автору документа. | |
Отмечает часть текста как цель для гипперссылок в документе | |
Создает гиперссылку на часть текущего документа |
Форматирование
| Создает новый параграф |
| Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center |
Вставляет перевод строки. | |
| Создает отступы с обеих сторон текста |
Создает список определений | |
Определяет каждый из терминов списка | |
Описывает каждое определение | |
Создает нумерованный список | |
Определяет каждый элемент списка и присваивает номер | |
Создает ненумерованный список | |
Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей |
Графические элементы
| Добавляет изображение в HTML документ |
| Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle |
| Устанавливает толщину рамки вокруг изображения |
| Добавляет в HTML документ горизонтальную линию |
| Устанавливает высоту(толщину) линии |
| Устанавливает ширину линии, можно указать ширину в пикселах или процентах. |
| Создает линию без тени |
| Задает линии определенный цвет. Значение RRGGBB. |
Таблицы
| Создает таблицу. | |
| Определяет строку в таблице. | |
Определяет отдельную ячейку в таблице. | ||
Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом) |
Атрибуты таблицы
Задает толщину рамки таблицы. Задает расстояние между ячейками таблицы. Задает расстояние между содержимым ячейки и ее рамкой. Устанавливает ширину таблицы в пикселах или процентах от ширины документа. Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right. Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom. Указывает кол-во столбцов которое объединено в одной ячейке. (по умолчанию=1) Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1) Не позволяет программе просмотра делать перевод строки в ячейке таблицы. Кадры Предваряет тег в документе, содержащем кадры; Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров. Определяет единичный кадр или область в таблице кадров. Определяет, что будет показано в окне браузера если он не поддерживает кадры. Атрибуты кадров < frame src="URL"> Определяет какой из HTML документов будет показан в кадре. Указывает Имя кадра или области, что позволяет выводить информацию в этот кадр или область из других кадров. Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1. Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1. Указывает будет ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto. Препятствует изменению размеров кадра. Формы Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML только создает внешний интерфейс формы. Создает формы Создает меню со скролингом. Size устанавливает кол -во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки Указывает каждый отдельный элемент меню Создает ниспадающее меню Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту. Создает checkbox. За тегом следует текст. Создает radio кнопку. За тегом следует текст. Создает строку для ввода текста. Параметром Size указывается длина в символах. Создает кнопку "Принять" Создает кнопку "Принять" - для этого используется изображение Создает кнопку "Отмена" Презентация предназначена для 10-11 классов, а также ля студентов НПО и СПО. В презентации содержится материал разметки web-документов, основные теги предназначенные для работы... Данная методическая разработка выполнена для самостоятельного изучения темы «Гипертекстовые технологии. Язык HTML» дисциплины «Программирование HTML» студентами и преподавателями. В ней содержится тео... Данная презентация предназначена для проведения открытого урока по теме: Разработка Web-сайтов с помощью языка разметки гипертекста HTML. В ходе урока студенты научаться вставлять рисунки и гипер... Методическая разработка занятия по дисциплине Информатика и ИКТ на тему: "Язык разметки гипер-страниц"... Освоение приемов создания и сопровождения сайта... Учебно-методическое пособие «HTML – язык гипертекстовой разметки текста» содержит теоретический материал, упражнения для закрепления знаний.... Разработка веб-сайта является одним из ключевых этапов создания и успешного запуска онлайн-проекта. Правильное планирование и последовательность этапов разработки позволяют создать качественные и удоб... |
