Язык HTML презентация

Содержание

Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.

Слайд 1Язык HTML


Слайд 2Web-дизайн
Web – World Wide Web (WWW) Всемирная паутина.
Design – проектирование, конструирование.
Web-дизайн

– проектирование в Интернете.

Слайд 3HTML
HyperTextMarkupLanguage(HTML) – язык разметки гипертекста.
Гипертекст - структура, связывающая элементы между собой.
HTML-документ

– документ, выполненный в формате HTML.
Гиперссылка - текст-указатель на другой объект.

Слайд 4URL-адрес
http://www.название.домен./имя файла
Пример:
http://www.rambler.ru/bisness/works.html



Слайд 5Структура Web-страницы
Тег – начальный и конечный маркер элемента.
Текст
Пример:

Текст



Текст

Слайд 6Атрибут – параметр или свойство элемента.
Пример:
Текст

Текст
Структура Web-страницы


Слайд 7

Название страницы







Структура Web-страницы



Заголовок
Тело
Программа


Слайд 8Форматирование текста


Слайд 10Градация красного


Слайд 11Градация зеленого


Слайд 12Градация синего


Слайд 13RGB - Red Green Blue
#11 FF 00
0 1 2 3 4

5 6 7 8 9 A B C d E F

#00 00 00 – черный
#FF FF FF – белый
#FF 00 00 – красный
#00 FF 00 – зеленый
#00 00 FF - синий

Слайд 14Цвет шрифта можно задать с помощью атрибута color в теге ,

например:

Это цветной текст 1

Это цветной текст 2

Слайд 15
Чтобы задать цвет фона страницы используется атрибут color внутри тега ,

например:




Слайд 16Гиперссылки
- создание гиперссылки
Текст
Пример:
Об

авторе






Слайд 17Вид гиперссылок
Внутри тега
Link – цвет ссылок
Vlink – цвет посещенных ссылок
Alink

– цвет активных ссылок
Пример:
Alink=“FF0000”>

Слайд 18Графика на Web-странице
- элемент для создания ссылки на графический файл

(image).
src - указатель на файл графики
src="/Ссылка на файл"
Пример:

Слайд 19Alt – замещающий текст

height - высота
width –

ширина

border - задает рамку вокруг объекта

Графика на Web-странице


Слайд 20 - основной элемент создания таблицы
- элемент создания

строки
- элемент создания ячейки

Таблицы в HTML


Слайд 21Таблицы в HTML


Слайд 22Таблицы в HTML


Слайд 23Свойства таблицы в HTML
Ширина таблицы


2. Цвет таблицы

Ширина границы таблицы

Слайд 24Свойства таблицы в HTML
4. Выравнивание по горизонтали
Align
left - выравнивание

влево;
right - выравнивание вправо;
center – центрирование.
Пример:
align="center"


Слайд 25Свойства таблицы в HTML
5. Выравнивание по вертикали
Valign
top - выравнивание

по верхнему краю ячейки
center - выравнивание по центру
baseline - выравнивание по первой строке
Пример:
valign=“middle"


Слайд 27Задание
1. Составьте таблицу для расписания ваших уроков. Пусть эта таблица состоит

из 8 столбцов и 9 строк. Ширина таблицы - 100%.
2. В первом столбце укажите время начала и конца ваших уроков. Выравнивание данных в ячейках по левому краю.
3. В остальных столбцах школьные предметы по дням недели.
4. Выравнивание дней недели - по центру ячейки и жирным шрифтом.
5. Выравнивание названий предметов - по левому краю.
6. У всех столбцов фон сделайте разным цветом.
7. Между заголовком и таблицей поместите рисунок.

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

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

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

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

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


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

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