X

Скопируйте код и вставьте его на свой сайт.

Ширина px

Вы можете уменьшить размер презентации, указав свой размер!

Создание Web-страниц на языке HTML

Создание Web-страниц на языке HTML
Основные понятия HTML расшифровывается HyperText Markup Language (в переводе ...
Основные понятия Тэги - это метки, которые используются для указания браузеру...
Структура HTML документа. Абсолютно любой документ, построенный на базе HTML ...
- Название, оглавление страницы, предназначен для поисковых машин, этот  тег ...
Пример:     Это моя первая страница    Привет, мир!
Чтобы расширить возможности отдельных тегов и более гибко управлять их содерж...
Таблица цветов HTML
..... - Определяет величину заголовка по их степени важности.  ..... - Самый ...
Форматирование текста документа …..- Определяет новый параграф текста с предв...
- Определяет нумерованный список.  - Объекту, заключённому в этот тег присваи...
Графические элементы на странице           Вставляет изображение на страницу....
Создание таблиц    Тег создающий таблицу. Задает строку в таблице.  Задает от...
Атрибуты таблицы          Определяет толщину рамки.  Определяет расстояние ме...
Оформление гиперссылок - Задаёт переход на другие ресурсы. - Название страниц...
Атрибуты гиперссылок Указывает в каком окне открывать гиперссылку.   Цвет тек...
Пример: Гиперссылка может связывать страницы как в пределах одного сайта, так...
HTML-код: Ссылка на главную страницу сайта Отображение в браузере: Ссылка на ...
Гиперссылка в пределах html страницы Иногда необходимо сделать гиперссылку в ...
Спасибо за внимание! Презентация выполнена преподавателем информатики ГАОУ СП...
Класс
Автор

Создание Web-страниц на языке HTML

Описание презентации по отдельным слайдам:

1 слайд

Создание Web-страниц на языке HTML

2 слайд

Основные понятия HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания веб-страниц во всемирной паутине.

3 слайд

Основные понятия Тэги - это метки, которые используются для указания браузеру, как он должен показывать web-сайт. Большая часть HTML тегов состоит из двух частей: открывающий тег   закрывающий тег  Теги не чувствительны к регистру

4 слайд

Структура HTML документа. Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из следующих тегов: - Это самый главный тег, так как указывает принадлежность документа к HTML языку, заключает в себе всё содержимое веб – страницы, ставится в самом начале и соответственно в конце закрывает документ.  … - Этот тег не менее важен, в нём размещается не видимая информация о вашем сайте предназначенная для поисковых машин.  …

5 слайд

- Название, оглавление страницы, предназначен для поисковых машин, этот  тег всегда помещается внутри - … - В этот тег помещается информация, которая должна отображаться в окне браузера.  …

6 слайд

Пример:     Это моя первая страница    Привет, мир!

7 слайд

Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются атрибуты тегов. Атрибуты тега тела документа - Цвет фона документа, используя значение цвета в виде RRGGBB. - Цвет текста документа

8 слайд

Таблица цветов HTML

9 слайд

..... - Определяет величину заголовка по их степени важности.  ..... - Самый большой заголовок.  ..... - Самый маленький заголовок. ….. - Определяет текст жирным шрифтом.  …..- Определяет текст наклонным (курсив) шрифтом.  …..- Имитирует стиль печатной машинки.  ….. - Задаёт цвет текста, шестнадцатеричном коде. …..- Задаёт величину шрифта в пределах от “1” до “7”.  …..- Увеличивает размер текст на условную 1-цу от заданного.  …..- Этот тег, браузер определяет как жирное начертание текста.  …..- Этот тег, браузер определяет как наклонное (курсив) начертании текста.  Атрибуты текст документа

10 слайд

Форматирование текста документа …..- Определяет новый параграф текста с предварительным пропуском одной строки.  - Выравнивает текст относительно одной из сторон документа. Значения: “left”, “right”, “justify, “ center”.  Пример: текст Текст по центру.

11 слайд

- Определяет нумерованный список.  - Объекту, заключённому в этот тег присваивается номер.  Также применяется атребут:  start - Указывает стартовый номер.  type - Определяет характер обозначение, буквенный “Ж”, ”ж”, “J”, ”j” или цифровой – “10”, “Х”. ... Пример:    морковь  капуста  яблоки  уксус  сахар  соль  Результат: 3. морковь 4. капуста 5. яблоки 6. уксус 7. сахар 8. соль

12 слайд

Графические элементы на странице           Вставляет изображение на страницу.  Форматирует положение изображения в документе. Может иметь значения: left, right, center; bottom, top, middle. Устанавливает толщину рамки вокруг изображения Устанавливает поля сверху и снизу Устанавливает поля слева и справа. - Добавляет горизонтальную линию.   Указывает ширину линии в пикселах или процентах. Линия без тени.   Определяет цвет линии.

13 слайд

Создание таблиц    Тег создающий таблицу. Задает строку в таблице.  Задает отдельную ячейку в таблице. Задает заголовок таблицы (обычная ячейка с форматированием по центру и полужирным текстом)

14 слайд

Атрибуты таблицы          Определяет толщину рамки.  Определяет расстояние между ячейками Устанавливает ширину таблицы. (Значение параметра может быть в пикселях или процентах) Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах) Указывает количество столбцов, объединенных в одной ячейке.  Указывает количество строк, объединенных в одной ячейке.   Задает ширину ячейки таблицы в пикселях или процентах. Задает высоту ячейки таблицы в пикселях или процентах.

15 слайд

Оформление гиперссылок - Задаёт переход на другие ресурсы. - Название страницы - Задаёт переход на другие страницы сайта. - Название страницы - Задаёт переход на другую страницу сайта в новом окне.

16 слайд

Атрибуты гиперссылок Указывает в каком окне открывать гиперссылку.   Цвет текста гиперссылок Атрибут LINK служит для выделения гиперссылок, которые еще не посещались пользователем. Атрибут VLINK - уже посещенные ссылки. Атрибут ALINK - выделяет активную гиперссылку. Параметры: Значение _Blank- Открыть в новом окне _Parent Открыть в текущем окне

17 слайд

Пример: Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы (http://www.site.com/page.html). Если создается ссылка на страницу в пределах сайта, то предпочтительнее использовать относительный URL (page.html, catalog/page.html). Делая графическую гиперссылку, помните, что некоторым пользователям графика недоступна, поэтому обязательно включайте соответствующие текстовые элементы.

18 слайд

HTML-код: Ссылка на главную страницу сайта Отображение в браузере: Ссылка на главную страницу сайта HTML-код: Ссылка на главную страницу сайтаОтображение в браузере: Ссылка на главную страницу сайта

19 слайд

Гиперссылка в пределах html страницы Иногда необходимо сделать гиперссылку в пределах одной страницы. Например, в начале страницы это гиперссылки, позволяющие перейти к просмотру конкретного вопроса, и в самом низу страницы - позволяющей перейти в начало страницы. Чтобы построить ссылку на область внутри текущей страницы, надо дать этой области название при помощи атрибута NAME тэга . Имя должно содержать только буквы и цифры. Таким образом можно делать гиперссылки, указывающие на области других страниц внутри сайта. Пример: HTML-код: Наверх страницы В то место, куда надо сделать переход надо вставить: Отображение в браузере: Наверх страницы

20 слайд

Спасибо за внимание! Презентация выполнена преподавателем информатики ГАОУ СПО Калининградской области «Колледж сервиса и туризма» Белоусовой Юлии Викторовной