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

Презентация:



Advertisements
Похожие презентации
Приложение к лекции 10 Общие понятия об HTML. Основные тэги.
Advertisements

Заголовок Исходный текст М М Абзац ……. Атрибуты: Align=left – выравнивание по левому краю Align=right - выравнивание по правому краю Align=center - выравнивание.
Создание сайта. 1. Первый документ Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать ! :)
Работа с текстом в HTML. Размер и форма шрифта Тег - определяет выводимый шрифт, его размер и цвет. Атрибуты тега: FACE – определяет гарнитуры шрифтов.
Ввод и форматирование текста. Форматирование - это оформление текста Форматирование абзацев Форматирование шрифта.
Создание Web-страницы Привет! Атрибуты тега Значение атрибута Тег - специальная метка в начале и в конце элемента HTML - документа.
Форматирование текста на Web- странице …- размер шрифта заголовков - шрифт текста - шрифт текста - горизонтальная линия - горизонтальная линия - разделение.
Web-страницы и Web-сайты. Структура Web- страницы.
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА. СТРУКТУРНЫЕ ТЕГИ.
Задание: изучить тему, записать все теги форматирования.
Создание простейшей Web-страницы. Простейший пример классического документа: Заголовок Заголовок Простейший документ Простейший документ В браузере Internet.
Занятие 3 Заголовочные теги, шрифты и абзацы. "Параграфы или Учимся выравнивать текст" АтрибутЗначения атрибута текст центрировать текст текст выровнять.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
1 из 16 Л.Л. Босова, УМК по информатике для 5-7 классов Москва, 2007 Форматирование текста на Web-страницах.
HTML Язык гипертекстовой разметки. Стандартный текст страницы Моя страничка Эта страничка обо мне.
(HyperText Markup Language) – язык гипертекстовой разметки.
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
1.Парные (контейнер): … Закрывающий тэг содержит «/» 2. Одиночные:
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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