Язык HTML Web-дизайн Web

Зарегистрируйтесь, чтобы просмотреть полный документ!

Язык HTML

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

HTML Hyper. Text. Markup. Language(HTML) – язык разметки гипертекста. Гипертекст - структура, связывающая элементы между собой. HTML-документ – документ, выполненный в формате HTML. Гиперссылка - текст-указатель на другой объект.

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

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

Текст

Пример:

Текст

Структура Web-страницы Атрибут – параметр или свойство элемента. Пример:

Текст

Структура Web-страницы Заголовок Название страницы Программа Тело …

Форматирование текста Элемент Тег Атрибуты Абзац

Полужирный шрифт Курсив Определение типа, размера и цвета шрифта

Градация красного

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

Градация синего

RGB - Red Green Blue #11 FF 00 0123456789 ABCd. EF #00 00 00 – черный #FF FF FF – белый #FF 00 00 – красный #00 FF 00 – зеленый #00 00 FF - синий

Цвет шрифта можно задать с помощью атрибута color в теге <FONT>, например:

Цвет шрифта можно задать с помощью атрибута color в теге , например: Это цветной текст 1 Это цветной текст 2

Чтобы задать цвет фона страницы используется атрибут color внутри тега <BODY>, например:

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

Гиперссылки <A> </a> - создание гиперссылки <A href=“адрес ссылки”> Текст </a>

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

Вид гиперссылок Внутри тега <BODY> • Link – цвет ссылок • Vlink

Вид гиперссылок Внутри тега • Link – цвет ссылок • Vlink – цвет посещенных ссылок • Alink – цвет активных ссылок Пример:

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

Графика на Web-странице - элемент для создания ссылки на графический файл (image). src - указатель на файл графики src="Ссылка на файл" Пример: { "@context": "http://schema.org", "@type": "ImageObject", "inLanguage": "Russian", "contentUrl": "https://present5.com/presentation/3/168251656_181681684.pdf-img/168251656_181681684.pdf-18.jpg", "name": " Графика на Web-странице - элемент для создания ссылки на графический файл", "description": " Графика на Web-странице - элемент для создания ссылки на графический файл", "width": "760" }

" src="https://present5.com/presentation/3/168251656_181681684.pdf-img/168251656_181681684.pdf-19.jpg" alt=" Графика на Web-странице Alt – замещающий текст Портрет

" loading="lazy" width="760" height="570" class="lazyOwl imgdescription" />

Графика на Web-странице Alt – замещающий текст Портрет height - высота width – ширина border - задает рамку вокруг объекта

Таблицы в HTML

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

Таблицы в HTML

2. Цвет" src="https://present5.com/presentation/3/168251656_181681684.pdf-img/168251656_181681684.pdf-23.jpg" alt=" Свойства таблицы в HTML 1. Ширина таблицы

2. Цвет" loading="lazy" width="760" height="570" class="lazyOwl imgdescription" />

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

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

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

{ "@context": "http://schema.org", "@type": "ImageObject", "inLanguage": "Russian", "contentUrl": "https://present5.com/presentation/3/168251656_181681684.pdf-img/168251656_181681684.pdf-23.jpg", "name": " Свойства таблицы в HTML 1. Ширина таблицы

2. Цвет", "description": " Свойства таблицы в HTML 1. Ширина таблицы

2. Цвет", "width": "760" }

Свойства таблицы в HTML 4. Выравнивание по горизонтали Align • left - выравнивание влево; • right - выравнивание вправо; • center – центрирование. Пример: align="center"

Свойства таблицы в HTML 5. Выравнивание по вертикали Valign • top - выравнивание по верхнему краю ячейки • center - выравнивание по центру • baseline - выравнивание по первой строке Пример: valign=“middle"

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

Скачать презентацию Язык HTML Web-дизайн Web

Практикум HTML.ppt

Количество слайдов: 25