HTML |
Информатика | ||
<< Создание сайтов | Веб-страницы >> |
Чтобы посмотреть содержание презентации нажмите на её эскиз. Чтобы бесплатно скачать презентацию по HTML нажмите на её название.
Название презентации | Автор | Слайды | Слова | Звуки | Эффекты | Время | Скачать |
HTML | Veryaev Anatoly A. | 24 | 1431 | 0 | 0 | 00:00 | |
Язык HTML | Учитель | 9 | 1014 | 0 | 0 | 00:00 | 443 кБ |
Основы HTML | MASTER | 42 | 723 | 0 | 0 | 00:00 | 640 кБ |
Сайт на HTML | Людмила Чайка | 70 | 2973 | 0 | 18 | 00:00 | 2 361 кБ |
Документ HTML | shapirokv | 51 | 1781 | 0 | 114 | 00:54 | 306 кБ |
HTML страница | NikolaevaVA | 22 | 1634 | 0 | 0 | 00:00 | 1 056 кБ |
Основы языка HTML | Балтахонов | 10 | 1284 | 0 | 0 | 00:00 | 95 кБ |
Основы языка разметки HTML | “Пользователь” | 10 | 360 | 0 | 35 | 00:00 | |
Теги для сайта | Веретельникова Ирина Борисовна | 30 | 550 | 0 | 3 | 00:00 | 319 кБ |
Гипертекст | user | 14 | 1023 | 0 | 0 | 00:00 | 216 кБ |
Язык разметки гипертекста | Rusinov A.S. | 54 | 2679 | 0 | 0 | 00:00 | |
Язык разметки гипертекста HTML | Египко | 30 | 2079 | 0 | 0 | 00:00 | |
Гиперссылки | 9 | 144 | 0 | 2 | 00:00 | 50 кБ | |
Создание гиперссылок | Дарья Гвасалия | 5 | 357 | 0 | 0 | 00:00 | 140 кБ |
Как вставить гиперссылку | east11 | 8 | 210 | 0 | 13 | 00:00 | 138 кБ |
Вставка изображений на сайт | Mariajose | 15 | 303 | 0 | 4 | 00:00 | |
Каскадные таблицы стилей | Дарья Гвасалия | 15 | 978 | 0 | 0 | 00:00 | |
Тест по HTML | 123 | 11 | 456 | 0 | 0 | 00:00 | 70 кБ |
Всего : 18 презентаций | 429 | 00:00 | 10 мБ |
Hyper Text Markup Language. Атрибут – параметр или свойство документа. Фрейм – область гипертекстового документа со своими полосами прокрутки. Структура документа. <COMMENT> </comment>. <BODY> </body>. Bgcolor. Элемент HR - горизонтальная линия. Структура Web-страницы. Атрибуты тега FONT. Вставка рисунка в документ. - HTML.ppt
История развития html. HTML (Hyper Text Markup Language, "язык разметки гипертекста"). Microsoft взял под свою опеку W3C. Общие сведения о html. Язык HTML состоит из элементов, называемых тегами. операционной системы, установленной на нем. Тег <IMG SRC> - вставка изображения из файла. Структура web-документа. Тело документа – святая святых. - Язык HTML.ppt
Кафедра МИОЭС Ст. преподаватель Гончаров Сергей Леонидович. HTML (HyperText Manipulation Language). Команда HTML. Парный тег. Относящиеся к тегу уточнения. Общий вид документа html. Заголовки. <BODY> <BR> <LEFT> Влево </LEFT> <BR> <CENTER> По центру </CENTER> </BODY>. Размер шрифта. <BODY> <BR> <FONT FACE=Arial COLOR=BLUE> Синиий Arial </BODY>. “#RRGGBB”, где RR, GG, BB соответственно интенсивность красного, зеленого или синего цветов. Стандартные цвета. <BR> Нумерованный список <OL> <LI>Первый <LI>Второй <LI>... </OL> <BR> Маркированный список <UL> <LI>Первый <LI>Второй <LI>... </UL>. - Основы HTML.ppt
Web-страницы и Web-сайты. Виды веб-сайтов. Этапы создания веб-сайта. Визуальные веб-редакторы. Тэги. Заголовок веб-страницы. Основное содержание веб-страницы. Создаем свой сайт. В какой форме хранится информация во всемирной паутине. Форматирование текста. Горизонтальная линия отделит заголовок от остального содержания. Что такое Web-сайт. Вставка изображений. Вид готового сайта. Типы сайтов. Гиперссылки позволяют загружать в браузер другие веб-страницы. Указатели гиперссылок. Гиперссылка на электронную почту. Код страницы. Списки на Web-страницах. Нумерованный список. Список терминов. - Сайт на HTML.ppt
Терминология HTML. Основные конструкции. План занятия. HyperText Markup Language. Гипертекст. История. 1986. 1989. 1993. 1994. 1997. 1995. Элемент. Тег. Запись стартового тега в общем виде: Интерград. </Тег>. Атрибут. Запись стартового тега с атрибутом в общем виде: Все атрибуты записываются внутри стартового тега. имяАтрибута="значение". Наиболее распространенные атрибуты. Такие документы обычно имеют расширение HTM, HTML. - Совокупность всех элементов языка HTML использованных для разметки документа. Гиперссылка. Например: http://mu-mu.ru/gerasim.htm. Запись URL в общем виде: - Документ HTML.ppt
Заголовок – очень важный элемент web-страницы. Заголовок должен быть коротким по тексту, но емким по содержанию. Заголовок записывается в разделе <head> в теге <title>. © Николаева Вера Александровна, 2008. © Николаева Вера Александровна, 2007. Ключевое словосочетание может быть написано прописными (заглавными) буквами. 1. Фоновый цвет страницы: Такие цвета назвали безопасными и включили в таблицу. Фоновые рисунки – небольшие по геометрическим размерам графические файлы, не яркие по цвету. Шрифт. 2. Размер шрифта size (продолжение). Пример 3: <h1>Архитектура Санкт-Петербурга</h1>. - HTML страница.ppt
Д. Раггетт (Hewlett-Packard Labs), 1992 - HTML+. Элементы заголовка html-документа (тэг HEAD). Списки. - Основы языка HTML.ppt
Html-документ – это обычный текстовый документ. Тэг всегда начинается со знака «меньше». Структурные тэги. Строка-название будет выводиться в заголовке окна. Пример html-документа. - Основы языка разметки HTML.ppt
Содержание презентации: Необходимость изучения html кода и тегов для создания сайта. Теги бывают двух видов - парные и одиночные. Создаём простую html страницу. Теги форматирования текста. Необходимо соблюдать порядок вложенности парных тегов. Размеры шрифта. Цвет шрифта. ГРАФИКА (Вставка картинок, фотографий, анимации). Картинка «img src» и фон страницы «background» . Атрибут link - служит для выделения гиперссылок, которые еще не посещались. Графическая ссылка. Мета теги. Здесь мы рассмотрим наиболее важные и часто используемые мета тэги. Ключевые слова должны быть простыми и обязаны описывать суть страницы. - Теги для сайта.pptx
Такие связи называются гиперсвязями (гиперссылками). Страница 8. Страница 2. Страница 10. Страница 4. Страница 6. - Гипертекст.ppt
Оглавление. Язык разметки гипертекста. Достоинства HTML. Виды тегов. Краткое описание содержания страницы. Форматирование текста. Цвет текста. Выравнивание текста. Код. Списки и изображения. Элемент. Нумерованный список. Html-код. Вложенный список. Форматы. JPEG. Изображение. Гиперссылки, графическое оформление. Формат. Гипперссылка в виде изображения. Графическое оформление. Выполните задание. Тэг. Браузер. Ширина таблицы. Colspan. Зачет. - Язык разметки гипертекста.ppt
Язык разметки гипертекста HTML. Теги структуры HTML-документа. Пример разметки упорядоченного списка. Теги вставки изображений. Технология каскадных таблиц. Перечисление описаний стилей. Способ внедрения таблицы стилей. Особый стиль элемента. Метатеги в языках разметки гипертекста. Пример начала web-страницы. Ключевые слова. Сведения об авторе сайта. Особенности языка разметки гипертекста XHTML. Одиночные теги. Аппаратно-зависимые стили. - Язык разметки гипертекста HTML.ppt
Что такое гиперссылка? <A href=“адрес перехода”>текст-ссылка</A>. Если страница размешена в Интернете: <A href=“http:// www.server.ru/Web-сайт/filename.htm”>текст-ссылка</A>. Гиперссылка на звук: <A href=“sound.wav”>звук</A>. Гиперссылка на адрес электронной почты: <ADDRESS> <A href=“mailto: username@server.ru”> E-mail: username@server.ru </A> </ADDRESS>. - Гиперссылки.ppt
Web-design. В языке HTML гиперссылки реализуются с помощью метки <A>. Задание №1: Связать гиперссылками страницы созданные в предыдущей работе. Создание гиперссылки внутри документа. Имя файла можно опустить если якорь находиться в том же файле. Иногда возникает необходимость создания ссылки на почтовый адрес. - Создание гиперссылок.ppt
План. Создание гиперссылок: ?в тексте; ? в презентации Скачивание гиперссылок со страницы в Интернет. Гиперссылка в тексте. Шаг 1. Скачивание гиперссылки. В выпадающем меню выбрать элемент Копировать ярлык. Вставить из буфера скопированную ссылку.(Правка – Вставить или CTRL – V). - Как вставить гиперссылку.ppt
Форматы рисунков. Вставка рисунка из папки. Выравнивание изображения. Отступы от изображения. Вставка гиперссылки. Запуск электронной почты. - Вставка изображений на сайт.ppt
Технология описания внешнего вида документа. Типы каскадных страниц. Внедренный стиль. Создание файла СSS. Свойства цвета и фона. Свойства стиля оформления полей. Стратегии оформления. - Каскадные таблицы стилей.ppt
Каким тэгом открывается html-документ. В каком формата сохраняются web-страницы. Слово. Переход по ссылке. Дескриптор вставки гиперссылки. - Тест по HTML.ppt