Азы языка HTML. Урок первый.. Что такое HTML? Термин HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Первую версию HTML разработал. - презентация

1 Азы языка HTML. Урок первый.

2 Что такое HTML? Термин HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс- Ли.

3 Как устроен HTML-документ Пример 1 Привет! Это простейший пример HTML-документа.

4 Обязательные метки... Метка должна открывать HTML- документ. Аналогично, метка должна завершать HTML-документ... Эта пара меток указывает на начало и конец заголовка документа.... Все, что находится между метками и, толкуется браузером как название документа.... Эта пара меток указывает на начало и конец тела HTML-документа

5 ... ?... Метки вида (где i ? цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня ? самый крупный, шестого уровня, естественно ? самый мелкий.... Такая пара меток описывает абзац. Все, что заключено между и, воспринимается как один абзац. Метки и могут содержать дополнительный атрибут ALIGN (читается "элайн", от английского "выравнивать"), например: Выравнивание заголовка по центру или Образец абзаца с выравниванием по правому краю

6 Пример Привет! Это чуть более сложный пример HTML-документа Теперь мы знаем, что абзац можно выравнивать не только влево, но и по центру или по правому краю.

7 Первое задание: Сверните данную презентацию (Esc) Создайте на рабочем столе папку mysite Откройте программу Блокнот и наберите название вашего сайта и небольшой текст; примените то, что изучили Сохраните как shablon.html в папку mysite

8 Азы языка HTML. Урок второй. Внутри абзаца.

9 Непарные метки Эта метка используется, если необходимо перейти на новую строку, не прерывая абзаца. Метка описывает вот такую горизонтальную линию: Больше здесь…

10 Коллекция горизонтальных линий Пример 4 Коллекция горизонтальных линий

11 - Теги форматирования - отвечает за жирный текст, - за наклонный - тег перевода строки, непарный тег; - тег подчеркивания; - тег зачеркивания; - большой текст; - маленький текст; - этот тег служит для сведения об авторе и/или авторских правах.

12 - Шрифты - Тег определяет все атрибуты шрифта. С его помощью мы можем указать тип, размер, цвет и некоторые другие свойства. СТИХОТВОРЕНИЕ СТИХОТВОРЕНИЕ СТИХОТВОРЕНИЕ СТИХОТВОРЕНИЕ СТИХОТВОРЕНИЕ - Размер шрифта - По умолчанию размер шрифта равняется 3 пунктам.

13 - А теперь расскрасим наш текст! - Для этого существует атрибут ПРИВЕТ! или ПРИВЕТ!

14 таблица некоторых цветов: цветcolorкод aкваAqua00FFFF Черныйblack Синийblue0000FF ФуксияfuchsiaFF00FF Серыйgray Зеленыйgreen Известь lime00FF00 Темно-бордовыйmaroon Темно-синийnavy Оливковыйolive фиолетовыйpurple КрасныйredFF0000 СеребряныйsilverC0C0C0 Чирокteal БелыйwhiteFFFFFF желтыйyellowFFFF00

15 Задание 2 Вспомните свое любимое стихотворение 1. Заголовок напишите шрифтом Comic Sans MS, задайте крупный размер в 7 пунктов, разместите по центру и залейте красным цветом. 2. Каждый куплет стихотворения раскрасьте в свой цвет: первый - в синий, второй - в зеленый, ну а третий - в желтый. Причем, цвет первого куплета задайте в простом названии "blue", второй и третий - в числовом эквиваленте зеленого и желтого цветов. 3. Первый куплет напишите шрифтом "Impact" 4. Размер второго куплета задайте размером в абсолютном размере 4 пункта 5. Размер третьего куплета задайте в относительном размере +1 пункт 6. Ну и автора задвинем в тег ADDRESS Задача ясна? Ну тогда поехали!

16 картинки это - сокращенная запись от Image source (источник изображения),