Презентация, доклад по теме Создание WEB страниц

Содержание

Основные теги языка HTMLИмя файлаМоя страницаПривет!…index.html текст Align=center;left;right;justify текст заголовка .......... текст заголовка полужирный курсив подчеркнутыйПереход на новую строкуГоризонтальная линияАбзацЗаголовокНачертаниеВыравнивание

Слайд 1С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML
Создание Web - страницы

С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTMLСоздание Web - страницы

Слайд 2Основные теги языка HTML
Имя файла


Моя страница


Привет!



index.html




текст
Align=center;left;right;justify

текст заголовка
..........


текст заголовка


полужирный
курсив
подчеркнутый

Переход на новую строку

Горизонтальная линия

Абзац


Заголовок


Начертание


Выравнивание

Основные теги языка HTMLИмя файлаМоя страницаПривет!…index.html текст Align=center;left;right;justify текст заголовка .......... текст заголовка полужирный курсив подчеркнутыйПереход на

Слайд 3Теги для оформления текста


текст
текст

текст




    1. …. …










              Маркированные списки


              Нумерованные списки


              Вид маркера


              Вид номера

Теги для оформления текста текст текст текст

Слайд 4Теги для размещения изображений



надписи» >



width=значение в пикселях
height= значение в пикселях
border=значение в пикселях
hspase=значение в пикселях
vspase=значение в пикселях



Размещение рисунка

Вставка альтернативного текста

Задает ширину

Задает высоту

Задает рамку рисунка

Задает поля слева и справа

Задает поля сверху и снизу

Теги для размещения изображений      width=значение в пикселяхheight= значение в пикселяхborder=значение в пикселях

Слайд 5Оформление гиперссылок

текст ссылки


целевой

текст



……

……


……








Местоположение
якоря

Задает цвет непосещенной
ссылки

Задает цвет посещенной
ссылки

Задает цвет ссылки в момент
посещения

Оформление гиперссылок текст ссылки целевой текст ………………МестоположениеякоряЗадает цвет непосещеннойссылкиЗадает цвет посещеннойссылкиЗадает цвет ссылки в моментпосещения

Слайд 6Теги для оформления таблиц

……

….. задание строки

… задание столбца












Создание

таблицы

Вставка строки

Вставка столбца

Выравнивание

Теги для оформления таблиц……….. задание строки… задание столбцаСоздание таблицыВставка строкиВставка столбцаВыравнивание

Слайд 7Теги для оформления таблиц











файла>










Выравнивание
содержимого

Цвет фона таблицы, ячейки

Файл фоновой картинки

Определение толщины линий разлиновки

Определение цвета линий разлиновки

Теги для оформления таблицВыравниваниесодержимогоЦвет фона таблицы, ячейкиФайл фоновой картинкиОпределение толщины линий разлиновкиОпределение цвета линий разлиновки

Слайд 8HTML

Практические задания

HTMLПрактические задания

Слайд 9Какой код для пустой web-страницы правильный?

Какой код для пустой web-страницы правильный?

Слайд 10 Какой HTML –код задает вывод текста в две строки

Какой HTML –код задает вывод текста в две строки

Слайд 11В каком коде абзац «Система счисления» выровнен по центру?

В каком коде абзац «Система счисления» выровнен по центру?

Слайд 12Какой код позволяет вывести картинку по образцу?
Блок «начало
и останов» (обозначает
Начало

и конец алгоритма)



Файл 1.gif

Какой код позволяет вывести картинку по образцу?Блок «начало и останов» (обозначаетНачало и конец алгоритма)Файл 1.gif

Слайд 13Какой код правильно организует ссылку внутри документа

Какой код правильно организует ссылку внутри документа

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть