Создание Документов Html Презентация
Слайд 1Создание Web -страниц на языке HTML Слайд 2 Основные понятия HTML расшифровывается H yper T ext M arkup L anguage ( в переводе означает Язык Разметки ГиперТекста ). HTML предназначен для создания веб-страниц во всемирной паутине. Слайд 3 Основные понятия Тэги - это метки, которые используются для указания браузеру, как он должен показывать web-сайт. Большая часть HTML тегов состоит из двух частей: открывающий тег закрывающий тег Теги не чувствительны к регистру Слайд 4 Структура HTML документа. Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из следующих тегов: - Это самый главный тег, так как указывает принадлежность документа к HTML языку, заключает в себе всё содержимое веб – страницы, ставится в самом начале и соответственно в конце закрывает документ.
Этот тег не менее важен, в нём размещается не видимая информация о вашем сайте предназначенная для поисковых машин. Слайд 5 - Название, оглавление страницы, предназначен для поисковых машин, этот тег всегда помещается внутри -В этот тег помещается информация, которая должна отображаться в окне браузера. Слайд 6 Пример: Это моя первая страница Привет, мир!
- Дизайн, который не стыдно показать! Дизайн презентации будет на высоком уровне, вы будете.
- Описание слайда: Структура HTML документа. Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере,.
Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов.
1 класс рэп. Да-да, это было все из-за той нелегальной отмотки счетчика! Так что, дорогие читатели моей статьи, хочу вас уверить: НЕ ПОПАДАЙТЕСЬ ВЫ НА ВСЯКИЕ ОБЕЩАНИЯ ЭЛЕКТРИКОВ, потому что это в итоге выльется вам в такую копеечку, что вы сразу вспомните все нелегальные моменты сокрытия потребленной электроэнергии! Он дал мне ответ, почему же все-таки в лаборатории тогда дали отрицательный ответ. Ответ был, как вы думаете какой?
Слайд 7 Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются атрибуты тегов. Атрибуты тега тела документа - Цвет фона документа, используя значение цвета в виде RRGGBB. Цвет текста документа Слайд 8 Таблица цветов HTML Слайд 9. Определяет величину заголовка по их степени важности. Самый большой заголовок.
Самый маленький заголовок. Определяет текст жирным шрифтом.- Определяет текст наклонным (курсив) шрифтом. Имитирует стиль печатной машинки. Задаёт цвет текста, шестнадцатеричном коде.- Задаёт величину шрифта в пределах от “1” до “7”.- Увеличивает размер текст на условную 1-цу от заданного.- Этот тег, браузер определяет как жирное начертание текста. Этот тег, браузер определяет как наклонное (курсив) начертании текста. Атрибуты текст документа Слайд 10 Форматирование текста документа. Определяет новый параграф текста с предварительным пропуском одной строки.
Выравнивает текст относительно одной из сторон документа. Значения: “ left ”, “ right ”, “ justify, “ center ”. Пример: текст Текст по центру. Слайд 11 - Определяет нумерованный список.
Объекту, заключённому в этот тег присваивается номер. Также применяется атребут: start - Указывает стартовый номер. Type - Определяет характер обозначение, буквенный “Ж”, ” ж ”, “ J”, ”j” или цифровой – “10”, “Х”. Пример:. морковь капуста яблоки уксус сахар соль Результат: 3. Соль Слайд 12 Графические элементы на странице Вставляет изображение на страницу. Форматирует положение изображения в документе.
Может иметь значения: left, right, center; bottom, top, middle. Устанавливает толщину рамки вокруг изображения Устанавливает поля сверху и снизу Устанавливает поля слева и справа.
Создание Документов Html Презентация
Добавляет горизонтальную линию. Указывает ширину линии в пикселах или процентах.
Хтмл
Линия без тени. Определяет цвет линии.
Структура Html Документа
Слайд 13 Создание таблиц Тег создающий таблицу. Задает строку в таблице. Задает отдельную ячейку в таблице. Задает заголовок таблицы (обычная ячейка с форматированием по центру и полужирным текстом) Слайд 14 Атрибуты таблицы Определяет толщину рамки.
Определяет расстояние между ячейками Устанавливает ширину таблицы. (Значение параметра может быть в пикселях или процентах) Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах) Указывает количество столбцов, объединенных в одной ячейке.
Указывает количество строк, объединенных в одной ячейке. Задает ширину ячейки таблицы в пикселях или процентах. Задает высоту ячейки таблицы в пикселях или процентах. Слайд 15 Оформление гиперссылок - Задаёт переход на другие ресурсы. Название страницы - Задаёт переход на другие страницы сайта. Название страницы - Задаёт переход на другую страницу сайта в новом окне. Слайд 16 Атрибуты гиперссылок Указывает в каком окне открывать гиперссылку. Инструкция по применению теста клеар блю.
Параметры: Значение Blank - Открыть в новом окне Parent Открыть в текущем окне Цвет текста гиперссылок Атрибут LINK служит для выделения гиперссылок, которые еще не посещались пользователем. Атрибут VLINK - уже посещенные ссылки. Атрибут ALINK - выделяет активную гиперссылку.
Слайд 17 Пример: Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы (Если создается ссылка на страницу в пределах сайта, то предпочтительнее использовать относительный URL ( page.html, catalog / page.html ). Делая графическую гиперссылку, помните, что некоторым пользователям графика недоступна, поэтому обязательно включайте соответствующие текстовые элементы.
Слайд 18 HTML-код: Ссылка на главную страницу сайта Отображение в браузере: Ссылка на главную страницу сайта HTML-код: Ссылка на главную страницу сайта Отображение в браузере: Ссылка на главную страницу сайта Слайд 19.