Основы языка HTML презентация

Содержание

ОСНОВЫ ЯЗЫКА HTML HTML (HyperText Manipulation Language) язык, предназначенный для создания форматированного текста, который насыщен изображениями, звуком, анимацией и ссылками на другие объекты, например, гипертекстовые документы, графические файлы и т.д.,

Слайд 1 ОСНОВЫ ЯЗЫКА HTML


Слайд 2ОСНОВЫ ЯЗЫКА HTML
HTML (HyperText Manipulation Language)
язык, предназначенный для создания форматированного текста,

который насыщен изображениями, звуком, анимацией и ссылками на другие объекты, например, гипертекстовые документы, графические файлы и т.д.,

Слайд 3ОСНОВЫ ЯЗЫКА HTML
Тег (Tag)
команда HTML


Слайд 4ОСНОВЫ ЯЗЫКА HTML
Тег состоит из следующих элементов:
левой угловой скобки

/, который означает, что тег является конечным тегом, закрывающим некоторую структуру
имени тега
необязательных атрибутов
правой угловой скобки >

Слайд 5ОСНОВЫ ЯЗЫКА HTML
Парный тег
имеет открывающий тег
закрывающий тег с тем же именем


В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML элементом

Слайд 6ОСНОВЫ ЯЗЫКА HTML
Атрибут тега
относящиеся к тегу уточнения


Слайд 7ОСНОВЫ ЯЗЫКА HTML
Спецификация атрибута
имя атрибута, например WIDTH;
знак равенства =;
значение атрибута, которое

задается строкой символов, например, "80".

Слайд 8ОСНОВЫ ЯЗЫКА HTML
ОБЩИЙ ВИД ДОКУМЕНТА HTML


Слайд 9ОСНОВЫ ЯЗЫКА HTML


Это заглавие
Здесь титул


Слайд 10ОСНОВЫ ЯЗЫКА HTML
РАЗБИЕНИЕ ТЕКСТА НА СТРОКИ И АБЗАЦЫ


Слайд 11ОСНОВЫ ЯЗЫКА HTML


Это заглавие
Здесь титул


Слайд 12ОСНОВЫ ЯЗЫКА HTML
ЗАГОЛОВКИ


Слайд 13ОСНОВЫ ЯЗЫКА HTML



Заголовок
Это тело страницы


Предварительно
отформатированный
текст




Слайд 14ОСНОВЫ ЯЗЫКА HTML
ВЫРАВНИВАНИЕ ТЕКСТА


Слайд 15ОСНОВЫ ЯЗЫКА HTML




Влево




По центру



Слайд 16ОСНОВЫ ЯЗЫКА HTML
ФОРМАТИРОВАНИЕ ШРИФТОВ


Слайд 17ОСНОВЫ ЯЗЫКА HTML



Пример работы с текстом



Пишущая машинка



Что-то Верхний индекс


Что-то Нижний индекс


Слайд 18ОСНОВЫ ЯЗЫКА HTML
РАЗМЕР ШРИФТА


Слайд 19ОСНОВЫ ЯЗЫКА HTML
ГАРНИТУРА И ЦВЕТ ШРИФТА


Слайд 20ОСНОВЫ ЯЗЫКА HTML



Жёлтый текст на синем фоне


Слайд 21ОСНОВЫ ЯЗЫКА HTML




Синиий Arial


Слайд 22ОСНОВЫ ЯЗЫКА HTML
Работа с цветом
“#RRGGBB”, где RR, GG, BB соответственно интенсивность

красного, зеленого или синего цветов. Интенсивность задается в виде двузначного шестнадцатеричного числа (от 00 до FF).
атрибут COLOR=”НАЗВАНИЕ ЦВЕТА”

Слайд 23ОСНОВЫ ЯЗЫКА HTML
Стандартные цвета










Слайд 24ОСНОВЫ ЯЗЫКА HTML
Стандартные цвета










Слайд 25ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ СПИСКОВ


Слайд 26ОСНОВЫ ЯЗЫКА HTML


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

Первый
Второй
...



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

Первый
Второй
...


Слайд 27ОСНОВЫ ЯЗЫКА HTML

Список определений

Первый термин
Первое определение
Второй термин
Второе определение


Слайд 28ОСНОВЫ ЯЗЫКА HTML
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ


Слайд 29ОСНОВЫ ЯЗЫКА HTML
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение)



Слайд 30ОСНОВЫ ЯЗЫКА HTML
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение)


Слайд 31ОСНОВЫ ЯЗЫКА HTML
РАБОТА С ТАБЛИЦАМИ


Слайд 32ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ ССЫЛОК


Слайд 33ОСНОВЫ ЯЗЫКА HTML



Гроднеский государственный университет


Слайд 34ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ ССЫЛОК (продолжение)


Слайд 35ОСНОВЫ ЯЗЫКА HTML




Слайд 36ОСНОВЫ ЯЗЫКА HTML
БЕГУЩАЯ СТРОКА


Слайд 37ОСНОВЫ ЯЗЫКА HTML
БЕГУЩАЯ СТРОКА (продолжение)


Слайд 38ОСНОВЫ ЯЗЫКА HTML
БЕГУЩАЯ СТРОКА (окончание)


Слайд 39ОСНОВЫ ЯЗЫКА HTML
СОЗДАНИЕ ФРЕЙМОВ


Слайд 40ОСНОВЫ ЯЗЫКА HTML
Атрибуты фрейма


Слайд 41ОСНОВЫ ЯЗЫКА HTML
Атрибуты фрейма (окончание)


Слайд 42ОСНОВЫ ЯЗЫКА HTML
Спасибо за внимание!


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

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

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

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

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


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

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