Основы Web-дизайна Основы Web-дизайна Первые шаги. - презентация

1 Основы Web-дизайна Основы Web-дизайна Первые шаги

2 Вспомним основные теги HTML… - заголовок документа - голова документа - тело документа

3 Что мы уже знаем? Добро пожаловать! :) - задают цвет текста; - задаёт цвет фона;

4 Что мы же знаем? - параграф; текст - центрирование текста; текст - выравнивание текста по левому (аналогично по правому)краю текст

5 Что нового сегодня? Задаем размер шрифта для текста: текст

6 Или тегом font нам уже известным… текст текст текст текст текст текст текст

7 Итак, параметр size задает размер шрифта, но, в отличие от заголовков, текст не выделяется жирным шрифтом (о курсиве, жирном шрифте и т.п поговорим позже) и нет принудительного переноса. стандартный size (по умолчанию) ="+0".

8 Жирный текст Наклонный текст (курсив) Подчеркнутый текст З апомните, к одному фрагменту текста может применятся сразу несколько тэгов: текст Теперь пара строк о фиксированом шрифте. Что это такое за шрифт? Это шрифт с символами одинаковой ширины, оттого и зовется фиксированным. А тэг для него следующий: fixed - фиксированный шрифт

9 текст (куча пробелов) текст Текст между и тоже фиксированный, но тут есть одна большая особенность, он не только фиксированный, но еще и выводится с точностью до пробела так, как вы его набили в блокноте, сей странный тэг может быть полезен, допустим, для форматирования стихотворений, не злоупотребляйте им, т.к. он коварный и противный:)

10 также хочется упомянуть об одном интересном атрибуте тэга : текст (шрифт Arial) С помощью атрибута face в нашем примере я задала шрифт Arial. Таким образом вы можете задать и какой-нибудь экзотический шрифт для своей страницы, но это немного рискованно, т.к. у вашего посетителя может не оказаться такого шрифта, поэтому все же лучше задавайте стандартные (Arial (без надсечек), Times Roman (пропорциональный), Courier (равноширинный) и другие).

11 Как вставлять картинки в документ? Вместо my.jpg мы можем подставить имя любой картинки (me.gif, main.png)