Занятие 5 Иллюстрации и гиперссылки. "Как вставлять картинки" - одиночный тег для размещения картинки src=URL" – обязательный атрибут тега URL – ссылка.

Презентация:



Advertisements
Похожие презентации
Занятие 3 Заголовочные теги, шрифты и абзацы. "Параграфы или Учимся выравнивать текст" АтрибутЗначения атрибута текст центрировать текст текст выровнять.
Advertisements

Занятие 7 Таблицы и списки. Создание нумерованных и маркированных списков Список всегда располагается между открывающим и закрывающим тегом списка: и.
Приложение к лекции 10 Общие понятия об HTML. Основные тэги.
Создание сайта. 1. Первый документ Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать ! :)
Рисунок на странице. Начало страницы Конец страницы Заголовок документа. Основное назначение заголовка - это описание общих для всего документа параметров.
Web-сайты и web- страницы. Цели и задачи: 1.Образовательные: 1. Ввести понятие «web-сайт»; 2. Познакомить с HTML; 3. Рассмотреть достоинства языка разметки.
Форматирование текста и размещение графики.
Какой тег является тегом перевода строки? 1.BR 2.TR 3.HR 4.I.
HTML - первые шаги Преподаватель ГОУ СПО ЯО «Ярославское училище культуры» Романова С.А.
Катанов Александр Гребешков Александр. 2 Содержание: 1.Введение………………………………………………………………… Построение: а)Главные тэги……………………………………………………
HTML Урок 2 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия.
Вставка изображений в Web – страницы. В Web- страницу можно вставлять изображения, хранящиеся в графических файлах трех типов : GIF, JPEG, PNG. HTML –
- вставка изображения - вставка изображения Атрибуты тэга: src- адрес (путь) файла с картинкой align- положение рисунка alt- альтернативный текст Вставка.
Форматирование текста Вставка рисунка Таблицы Гиперссылки Круговой сектор Структура документа.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Урок «Знакомство с созданием сайта через блокнот – язык HTML»
Занятие 1 Предназначение и основные понятия языка HTML.
Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным.
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Транксрипт:

Занятие 5 Иллюстрации и гиперссылки

"Как вставлять картинки" - одиночный тег для размещения картинки src=URL" – обязательный атрибут тега URL – ссылка (путь к картинке), желательно, чтобы картинка находилась в той же папке, что и ваш документ

Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

"Что можно сделать с картинкой" Дополнительные атрибуты тега Атрибуты выравнивания Значение атрибута картинка слева, текст справа картинка справа, текст слева текст располагается внизу картинки текст располагается посередине текст располагается вверху

"Что можно сделать с картинкой" Дополнительные атрибуты тега АтрибутЗначение атрибута расстояние в пикселях между текстом и рисунком (по вертикали) расстояние между текстом и рисунком (по горизонтали) краткое описание картинки ширина самой картинки (в пикселях) высота самой картинки (в пикселях) рамка вокруг картинки (в пикселях)

Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

"Ссылка и как с нею бороться" Тэг текст делает ссылкой заключенную в него картинку или фразу (текст). Обязательный атрибут HREF=URL ПримерЗначение мои фотографии Документ лежит в той же папке, что и документ, в котором мы ссылаемся на prf.html, мои фотографии Документ лежит в подпапке /photos мои фотографии Ссылаемся на сайт где лежит нужный нам документ

Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

"Может ли картинка быть ссылкой" Принцип ссылки тот же, что и в случае с текстом, только между тегами вставляется не текст, а картинка:

Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! :) Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)